API na Menu · Needless UI

Shigo da shi

import-menu.ts

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

NuiMenuTrigger

Yana buɗe menu. Yawanci ana sa shi a kan nuiButton.

Selector: [nuiMenuTrigger]
An fitar da shi a matsayin: nuiMenuTrigger

NuiMenuTrigger: Kaddarori
Suna	Iri	Na asali	Bayani
`nuiMenuTrigger`Input	`Menu`		Menu ɗin da za a buɗe: reference ɗin `ngMenu` na `nuiMenu`.

NuiMenu

Menu na abubuwa, da ake nunawa a matsayin popover kusa da trigger ɗinsa. Export ɗinsa na ngMenu shi ne menu na Angular Aria da triggers da ƙananan menu ke karɓa.

Selector: [nuiMenu]
An fitar da shi a matsayin: ngMenu

NuiMenu: Kaddarori
Suna	Iri	Na asali	Bayani
`wrap`Input	`boolean`	`true`	Ko maɓallan kibiya suna komawa daga abu na ƙarshe zuwa na farko.
`typeaheadDelay`Input	`number`	`500`	Milliseconds kafin binciken typeahead ya sake farawa.
`disabled`Input	`boolean`	`false`	Yana kashe dukan menu ɗin.
`enter`Input	`NuiEnter`		Yadda yake bayyana: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` ko `none`.
`motion`Input	`NuiMotion`		Spring ɗin da yake motsi da shi: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` ko `none`.
`spring`Input	`NuiSpring`		Kowane spring, a matsayin `{ stiffness, damping, mass }`, da ake mayar da shi CSS a lokacin aiki. Yana rinjayar `motion`.
`corners`Input	`NuiCorners`		Siffar kusurwoyinsa: `round`, `squircle`, `bevel`, `scoop`, `notch` ko `square`.
`radius`Input	`NuiRadius`		Girman kusurwoyinsa: `none`, `small`, `medium`, `large` ko `full`.
`density`Input	`NuiDensity`		Yawan sararin da yake ɗauka: `compact`, `regular` ko `roomy`.
`itemSelected`Output	`V`		Yana fitar da ƙimar abin da aka zaɓa. A kan babban menu yana aiki har ma ga abubuwan ƙananan menu.

Inputs na keɓancewa da ba ku saita ba suna bin attribute na data-nui-* mafi kusa. Ku duba jagorar keɓancewa.

NuiMenuItem

Abu a cikin nuiMenu.

Selector: [nuiMenuItem]

NuiMenuItem: Kaddarori
Suna	Iri	Na asali	Bayani
`value`Input	`V`		Yana bambanta abin. Dole ne ya zama na musamman a dukan menu ɗin, har da ƙananan menu.
`disabled`Input	`boolean`	`false`	Yana kashe abin. Ana iya kaiwa gare shi da maɓallan kibiya, amma ba za a iya zaɓar sa ba.
`submenu`Input	`Menu`		`nuiMenu` na ciki da wannan abu ke buɗewa.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` ko `menuitemradio`.
`checked`Input	`boolean \| undefined`		Yanayin alama na abin checkbox ko radio.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` don ayyukan da ke ɓata abu.
`searchTerm`Input	`string`		Rubutun da typeahead ke kwatantawa. Idan ba a saita ba, lakabin abin ne.
`selected`Output	`V`		Yana fitar da ƙimar abin idan an zaɓe shi da linzamin kwamfuta ko allon madannai.

NuiMenuSeparator

Layi tsakanin rukunonin abubuwa.

Selector: [nuiMenuSeparator]

NuiMenuShortcut

Alamar gajeriyar hanyar allon madannai, an jera ta zuwa ƙarshen abu.

Selector: [nuiMenuShortcut]