API di Menu · Needless UI

Import

import-menu.ts

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

Apre un menu. Di solito si applica a un nuiButton.

NuiMenuTrigger: Proprietà
Nome	Tipo	Predefinito	Descrizione
`nuiMenuTrigger`Input	`Menu`		Il menu da aprire: il riferimento `ngMenu` di un `nuiMenu`.

Un menu di voci, mostrato come popover accanto al suo trigger. L’export ngMenu è il menu di Angular Aria che trigger e sottomenu si aspettano.

NuiMenu: Proprietà
Nome	Tipo	Predefinito	Descrizione
`wrap`Input	`boolean`	`true`	Indica se le frecce passano dall’ultima voce alla prima.
`typeaheadDelay`Input	`number`	`500`	Millisecondi prima che la ricerca per digitazione si azzeri.
`disabled`Input	`boolean`	`false`	Disattiva l’intero menu.
`enter`Input	`NuiEnter`		Come entra in scena: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` o `none`.
`motion`Input	`NuiMotion`		La molla con cui si muove: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` o `none`.
`spring`Input	`NuiSpring`		Qualsiasi molla, nella forma `{ stiffness, damping, mass }`, compilata in CSS a runtime. Ha la precedenza su `motion`.
`corners`Input	`NuiCorners`		La forma degli angoli: `round`, `squircle`, `bevel`, `scoop`, `notch` o `square`.
`radius`Input	`NuiRadius`		Quanto sono grandi gli angoli: `none`, `small`, `medium`, `large` o `full`.
`density`Input	`NuiDensity`		Quanto spazio occupa: `compact`, `regular` o `roomy`.
`itemSelected`Output	`V`		Emette il valore della voce scelta. Sul menu principale scatta anche per le voci dei sottomenu.

Gli input di personalizzazione che non imposti seguono l’attributo data-nui-* più vicino. Vedi la guida alla personalizzazione.

Una voce di un nuiMenu.

NuiMenuItem: Proprietà
Nome	Tipo	Predefinito	Descrizione
`value`Input	`V`		Identifica la voce. Deve essere univoco in tutto il menu, sottomenu inclusi.
`disabled`Input	`boolean`	`false`	Disattiva la voce. Resta raggiungibile con le frecce ma non si può scegliere.
`submenu`Input	`Menu`		Un `nuiMenu` annidato che questa voce apre.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` o `menuitemradio`.
`checked`Input	`boolean \| undefined`		Stato selezionato di una voce checkbox o radio.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` per le azioni distruttive.
`searchTerm`Input	`string`		Testo usato dalla ricerca per digitazione. Di default è l’etichetta della voce.
`selected`Output	`V`		Emette il valore della voce quando viene scelta con il mouse o con la tastiera.

Una linea tra gruppi di voci.

Un suggerimento di scorciatoia da tastiera, allineato alla fine della voce.