API del componente Menu

Importación

import-menu.ts

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

NuiMenuTrigger

Abre un menú. Normalmente se aplica a un nuiButton.

Selector: [nuiMenuTrigger]
Exportado como: nuiMenuTrigger

NuiMenuTrigger: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`nuiMenuTrigger`Input	`Menu`		El menú que se abre: la referencia `ngMenu` de un `nuiMenu`.

NuiMenu

Un menú de elementos, mostrado como popover junto a su disparador. Su exportación ngMenu es el menú de Angular Aria que reciben los disparadores y los submenús.

Selector: [nuiMenu]
Exportado como: ngMenu

NuiMenu: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`wrap`Input	`boolean`	`true`	Indica si las flechas pasan del último elemento al primero.
`typeaheadDelay`Input	`number`	`500`	Milisegundos antes de que se reinicie la búsqueda al escribir.
`disabled`Input	`boolean`	`false`	Desactiva todo el menú.
`enter`Input	`NuiEnter`		Cómo entra en escena: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` o `none`.
`motion`Input	`NuiMotion`		El resorte con el que se mueve: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` o `none`.
`spring`Input	`NuiSpring`		Cualquier resorte, en forma de `{ stiffness, damping, mass }`, compilado a CSS en tiempo de ejecución. Tiene prioridad sobre `motion`.
`corners`Input	`NuiCorners`		La forma de sus esquinas: `round`, `squircle`, `bevel`, `scoop`, `notch` o `square`.
`radius`Input	`NuiRadius`		El tamaño de sus esquinas: `none`, `small`, `medium`, `large` o `full`.
`density`Input	`NuiDensity`		Cuánto espacio ocupa: `compact`, `regular` o `roomy`.
`itemSelected`Output	`V`		Emite el valor del elemento elegido. En el menú raíz también se dispara con los elementos de los submenús.

Los inputs de personalización que no definas siguen el atributo data-nui-* más cercano. Consulta la guía de personalización.

NuiMenuItem

Un elemento de un nuiMenu.

Selector: [nuiMenuItem]

NuiMenuItem: Propiedades
Nombre	Tipo	Predeterminado	Descripción
`value`Input	`V`		Identifica el elemento. Debe ser único en todo el menú, incluidos los submenús.
`disabled`Input	`boolean`	`false`	Desactiva el elemento. Sigue siendo alcanzable con las flechas, pero no se puede elegir.
`submenu`Input	`Menu`		Un `nuiMenu` anidado que este elemento abre.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` o `menuitemradio`.
`checked`Input	`boolean \| undefined`		Estado marcado de un elemento de casilla o de radio.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` para acciones destructivas.
`searchTerm`Input	`string`		Texto que usa la búsqueda al escribir. Por defecto, la etiqueta del elemento.
`selected`Output	`V`		Emite el valor del elemento cuando se elige con el puntero o con el teclado.

NuiMenuSeparator

Una línea entre grupos de elementos.

Selector: [nuiMenuSeparator]

NuiMenuShortcut

Una indicación de atajo de teclado, alineada al final de un elemento.

Selector: [nuiMenuShortcut]