API Menu · Needless UI

Import

import-menu.ts

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

Mbukak menu. Biasane dipasang ing nuiButton.

NuiMenuTrigger: Properti
Jeneng	Jinis	Gawan	Katrangan
`nuiMenuTrigger`Input	`Menu`		Menu sing arep dibukak: referensi `ngMenu` saka `nuiMenu`.

Menu isi item, ditampilake minangka popover ing sandhinge trigger. Export ngMenu-e yaiku menu Angular Aria sing ditampa trigger lan submenu.

NuiMenu: Properti
Jeneng	Jinis	Gawan	Katrangan
`wrap`Input	`boolean`	`true`	Apa tombol panah muter saka item pungkasan menyang sing kapisan.
`typeaheadDelay`Input	`number`	`500`	Milidetik sadurunge panelusuran typeahead direset.
`disabled`Input	`boolean`	`false`	Mateni kabeh menu.
`enter`Input	`NuiEnter`		Kepriye tekane: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` utawa `none`.
`motion`Input	`NuiMotion`		Pegas sing dienggo obah: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` utawa `none`.
`spring`Input	`NuiSpring`		Pegas apa wae, awujud `{ stiffness, damping, mass }`, sing dikompilasi dadi CSS nalika runtime. Nimpa `motion`.
`corners`Input	`NuiCorners`		Wangun pojoke: `round`, `squircle`, `bevel`, `scoop`, `notch` utawa `square`.
`radius`Input	`NuiRadius`		Sepira gedhene pojoke: `none`, `small`, `medium`, `large` utawa `full`.
`density`Input	`NuiDensity`		Sepira akehe papan sing dienggo: `compact`, `regular` utawa `roomy`.
`itemSelected`Output	`V`		Ngetokake nilai item sing dipilih. Ing menu utama, uga kepicu kanggo item submenu.

Input kustomisasi sing ora panjenengan setel bakal ngetutake attribute data-nui-* sing paling cedhak. Pirsani pandhuan kustomisasi.

Item ing nuiMenu.

NuiMenuItem: Properti
Jeneng	Jinis	Gawan	Katrangan
`value`Input	`V`		Identitas item. Kudu unik ing sakabehe menu, kalebu submenu.
`disabled`Input	`boolean`	`false`	Mateni item. Isih bisa digayuh nganggo tombol panah nanging ora bisa dipilih.
`submenu`Input	`Menu`		`nuiMenu` susun sing dibukak item iki.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` utawa `menuitemradio`.
`checked`Input	`boolean \| undefined`		Status dicenthang saka item checkbox utawa radio.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` kanggo tumindak sing ngrusak.
`searchTerm`Input	`string`		Teks sing dicocogake typeahead. Gawane yaiku label item.
`selected`Output	`V`		Ngetokake nilai item nalika dipilih nganggo mouse utawa keyboard.

Garis ing antarane klompok item.

Pitunjuk shortcut keyboard, dijejerake ing pungkasan item.