Dropdown Menu
Muestra al usuario un menú de opciones, activado por un botón.
Uso
Referencia de la API
VoltDropdownMenuItem — volt-dropdown-menu-item
| Entrada | Tipo | Por defecto |
|---|---|---|
| disabled | boolean | false |
VoltDropdownMenuSubmenuTrigger — volt-dropdown-menu-submenu-trigger
| Entrada | Tipo | Por defecto |
|---|---|---|
| submenu | NgpOverlayContent<unknown> | undefined | undefined |
| placement | NgpMenuPlacement | 'right-start' |
| offset | number | 4 |
| disabled | boolean | false |
VoltDropdownMenuTrigger — [voltDropdownMenu]
| Entrada | Tipo | Por defecto |
|---|---|---|
| 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 |
Código del componente
Instalar por CLI:
npx @voltui/cli add dropdown-menuTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/menu.