Dropdown Menu
Displays a menu of options to the user, triggered by a button.
Usage
API Reference
VoltDropdownMenuItem — volt-dropdown-menu-item
| Input | Type | Default |
|---|---|---|
| disabled | boolean | false |
VoltDropdownMenuSubmenuTrigger — volt-dropdown-menu-submenu-trigger
| Input | Type | Default |
|---|---|---|
| submenu | NgpOverlayContent<unknown> | undefined | undefined |
| placement | NgpMenuPlacement | 'right-start' |
| offset | number | 4 |
| disabled | boolean | false |
VoltDropdownMenuTrigger — [voltDropdownMenu]
| Input | Type | Default |
|---|---|---|
| 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 |
Component Source
Install via CLI:
npx @voltui/cli add dropdown-menuTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/menu.