API ya Menu · Needless UI

Kuingiza

import-menu.ts

import {
  NuiMenu,
  NuiMenuItem,
  NuiMenuSeparator,
  NuiMenuShortcut,
  NuiMenuTrigger,
} from '@needless-ui/angular/menu';

NuiMenuTrigger

Hufungua menyu. Kwa kawaida huwekwa kwenye nuiButton.

Kiteuzi: [nuiMenuTrigger]
Inahamishwa kama: nuiMenuTrigger

NuiMenuTrigger: Sifa
Jina	Aina	Chaguomsingi	Maelezo
`nuiMenuTrigger`Input	`Menu`		Menyu ya kufungua: rejeleo la `ngMenu` la `nuiMenu`.

NuiMenu

Menyu ya vipengee, inayoonyeshwa kama popover kando ya trigger yake. Export yake ya ngMenu ndiyo menyu ya Angular Aria ambayo trigger na menyu ndogo hupokea.

Kiteuzi: [nuiMenu]
Inahamishwa kama: ngMenu

NuiMenu: Sifa
Jina	Aina	Chaguomsingi	Maelezo
`wrap`Input	`boolean`	`true`	Kama vitufe vya mishale huzunguka kutoka kipengee cha mwisho hadi cha kwanza.
`typeaheadDelay`Input	`number`	`500`	Milisekunde kabla utafutaji wa typeahead haujaanza upya.
`disabled`Input	`boolean`	`false`	Huzima menyu nzima.
`enter`Input	`NuiEnter`		Jinsi kinavyowasili: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` au `none`.
`motion`Input	`NuiMotion`		Springi inayoendesha mwendo wake: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` au `none`.
`spring`Input	`NuiSpring`		Springi yoyote, kama `{ stiffness, damping, mass }`, inayokusanywa kuwa CSS wakati wa utekelezaji. Inabatilisha `motion`.
`corners`Input	`NuiCorners`		Umbo la pembe zake: `round`, `squircle`, `bevel`, `scoop`, `notch` au `square`.
`radius`Input	`NuiRadius`		Ukubwa wa pembe zake: `none`, `small`, `medium`, `large` au `full`.
`density`Input	`NuiDensity`		Nafasi kinayochukua: `compact`, `regular` au `roomy`.
`itemSelected`Output	`V`		Hutoa thamani ya kipengee kilichochaguliwa. Kwenye menyu kuu hutokea pia kwa vipengee vya menyu ndogo.

Input za ubinafsishaji usizoweka hufuata attribute ya data-nui-* iliyo karibu zaidi. Tazama mwongozo wa ubinafsishaji.

NuiMenuItem

Kipengee ndani ya nuiMenu.

Kiteuzi: [nuiMenuItem]

NuiMenuItem: Sifa
Jina	Aina	Chaguomsingi	Maelezo
`value`Input	`V`		Hutambulisha kipengee. Lazima iwe ya kipekee katika menyu nzima, pamoja na menyu ndogo.
`disabled`Input	`boolean`	`false`	Huzima kipengee. Bado kinafikiwa kwa vitufe vya mishale lakini hakiwezi kuchaguliwa.
`submenu`Input	`Menu`		`nuiMenu` ya ndani ambayo kipengee hiki hufungua.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` au `menuitemradio`.
`checked`Input	`boolean \| undefined`		Hali ya kuteuliwa ya kipengee cha checkbox au radio.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` kwa vitendo vinavyoharibu.
`searchTerm`Input	`string`		Maandishi yanayolinganishwa na typeahead. Chaguomsingi ni lebo ya kipengee.
`selected`Output	`V`		Hutoa thamani ya kipengee kinapochaguliwa kwa kipanya au kwa kibodi.

NuiMenuSeparator

Mstari kati ya makundi ya vipengee.

Kiteuzi: [nuiMenuSeparator]

NuiMenuShortcut

Kidokezo cha njia ya mkato ya kibodi, kilichopangiliwa mwishoni mwa kipengee.

Kiteuzi: [nuiMenuShortcut]