Dropdown Menu
Показує користувачеві меню опцій, яке відкриває кнопка.
Використання
Довідник API
VoltDropdownMenuItem — volt-dropdown-menu-item
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
| disabled | boolean | false |
VoltDropdownMenuLabel — volt-dropdown-menu-label
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltDropdownMenuSeparator — volt-dropdown-menu-separator
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
VoltDropdownMenuSubmenuTrigger — volt-dropdown-menu-submenu-trigger
| Вхід | Тип | За замовчуванням |
|---|---|---|
| submenu | NgpOverlayContent<unknown> | undefined | undefined |
| placement | NgpMenuPlacement | 'right-start' |
| offset | number | 4 |
| disabled | boolean | false |
| class | string | '' |
VoltDropdownMenuTrigger — [voltDropdownMenu]
| Вхід | Тип | За замовчуванням |
|---|---|---|
| voltDropdownMenu | NgpOverlayContent<unknown> | undefined | undefined |
| placement | NgpMenuPlacement | 'bottom-start' |
| offset | NgpOffset | 4 |
| flip | NgpFlip | true |
| shift | NgpShift | true |
| container | HTMLElement | string | null | null |
| scrollBehavior | 'reposition' | 'block' | 'close' | 'reposition' |
| cooldown | number | 0 |
| context | unknown | undefined |
| triggers | VoltMenuTriggerType[] | ['click', 'enter', 'arrowkey'] |
| showDelay | number | 0 |
| hideDelay | number | 0 |
| disabled | boolean | false |
VoltDropdownMenu — volt-dropdown-menu
| Вхід | Тип | За замовчуванням |
|---|---|---|
| class | string | '' |
Код компонента
Встановити через CLI:
npx @voltui/cli add dropdown-menuTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/menu.