Dropdown Menu
A trigger-activated menu panel for grouping secondary actions like edit, duplicate, or delete.
API
All inputs and configuration options for zyra-dropdown-menu.
| Prop | Type | Default | Description |
|---|---|---|---|
align (zyra-dropdown-menu) | 'start' | 'end' | 'start' | Horizontal alignment of the panel relative to the trigger |
variant (zyra-menu-item) | 'default' | 'danger' | 'default' | Visual style of the menu item |
disabled (zyra-menu-item) | boolean | false | Disables the item — clicks are ignored |
itemClick (zyra-menu-item, output) | void | - | Emits when an enabled item is clicked; the menu also auto-closes |
Accessibility
Built to meet WCAG 2.0 AA. These notes cover the key ARIA, keyboard, and interaction behaviours.
- Panel is rendered with role="menu" and items with role="menuitem"
- Closes on outside click and on Escape
- The trigger slot accepts any focusable element, typically a button