API компонента Menu

Импорт

import-menu.ts

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

Открывает меню. Обычно применяется к nuiButton.

NuiMenuTrigger: Свойства
Имя	Тип	По умолчанию	Описание
`nuiMenuTrigger`Input	`Menu`		Меню, которое нужно открыть: ссылка `ngMenu` на `nuiMenu`.

Меню из пунктов, которое выводится как popover рядом с триггером. Его экспорт ngMenu — это меню Angular Aria, которое принимают триггеры и подменю.

NuiMenu: Свойства
Имя	Тип	По умолчанию	Описание
`wrap`Input	`boolean`	`true`	Переходит ли фокус стрелками с последнего пункта на первый.
`typeaheadDelay`Input	`number`	`500`	Через сколько миллисекунд сбрасывается поиск по первым буквам.
`disabled`Input	`boolean`	`false`	Отключает всё меню.
`enter`Input	`NuiEnter`		Как компонент появляется: `zoom`, `fade`, `drop`, `rise`, `unfold`, `flip`, `swing`, `slide` или `none`.
`motion`Input	`NuiMotion`		Пружина, задающая движение компонента: `snappy`, `bouncy`, `jelly`, `elastic`, `lazy`, `mechanical` или `none`.
`spring`Input	`NuiSpring`		Произвольная пружина в виде `{ stiffness, damping, mass }`, которая компилируется в CSS во время выполнения. Переопределяет `motion`.
`corners`Input	`NuiCorners`		Форма углов: `round`, `squircle`, `bevel`, `scoop`, `notch` или `square`.
`radius`Input	`NuiRadius`		Радиус скругления углов: `none`, `small`, `medium`, `large` или `full`.
`density`Input	`NuiDensity`		Сколько места занимает компонент: `compact`, `regular` или `roomy`.
`itemSelected`Output	`V`		Передаёт значение выбранного пункта. На корневом меню срабатывает и для пунктов подменю.

Если входное свойство настройки не задано, компонент берёт его значение из ближайшего атрибута data-nui-*. Подробнее — в руководстве по настройке.

Пункт nuiMenu.

NuiMenuItem: Свойства
Имя	Тип	По умолчанию	Описание
`value`Input	`V`		Идентификатор пункта. Должен быть уникальным во всём меню, включая подменю.
`disabled`Input	`boolean`	`false`	Отключает пункт. До него по-прежнему можно дойти стрелками, но выбрать его нельзя.
`submenu`Input	`Menu`		Вложенное `nuiMenu`, которое открывает этот пункт.
`role`Input	`'menuitem' \| 'menuitemcheckbox' \| 'menuitemradio'`	`'menuitem'`	`menuitem`, `menuitemcheckbox` или `menuitemradio`.
`checked`Input	`boolean \| undefined`		Состояние отметки у пункта-чекбокса или радиокнопки.
`tone`Input	`'neutral' \| 'danger'`	`'neutral'`	`danger` — для деструктивных действий.
`searchTerm`Input	`string`		Текст для поиска по первым буквам. По умолчанию — подпись пункта.
`selected`Output	`V`		Передаёт значение пункта, когда его выбирают мышью или с клавиатуры.

Линия между группами пунктов.

Подсказка сочетания клавиш, прижатая к концу пункта.