Placement
Show On
Basic Menu
A simple menu with basic items and actions.
Menu with Separators
Organize menu items into logical groups using separators.
Menu with Disabled Items
Some menu items can be disabled to indicate unavailable actions.
Menu with Submenus
Create nested menu structures with submenus.
Accessibility
Keyboard Navigation
- Arrow keys: Navigate between menu items
- Enter/Space: Activate the focused menu item
- Escape: Close the menu
- Home/End: Jump to first/last menu item
- Left/Right arrows: Navigate submenus (when available)
Screen Reader Support
- Proper ARIA roles and attributes
- Live region announcements for focus changes
- Support for aria-label and aria-labelledby
- Disabled items are properly announced