Version v3 Documentation
You are viewing documentation for an older version.
View latest (v4) documentation →
Dropdown Menu
A headless dropdown menu primitive with submenus, keyboard navigation, and ARIA support.
Basic
A simple
DropdownMenu with items. Click the trigger to open and select a DropdownMenuItem.
Loading example…
With Disabled Items
Menu with some items disabled. Set
Disabled to true on a DropdownMenuItem to prevent selection and apply the [data-disabled] attribute.
Loading example…
Anatomy
Loading example…
Keyboard Navigation
- Down Arrow / Up Arrow - Navigate items
- Enter / Space - Activate item
- Right Arrow - Open submenu
- Left Arrow - Close submenu
- Escape - Close menu