Dropdown Menu
Menus display a list of actions or options that a user can choose.
Installation
CLI
Manual
Preview
Examples
Basic
A basic dropdown menu with labels and separators.
dropdown-menu-basic
Submenu
Use DropdownMenuSub to nest secondary actions.
dropdown-menu-submenu
Shortcuts
Add DropdownMenuShortcut to show keyboard hints.
dropdown-menu-shortcuts
Icons
Combine icons with labels for quick scanning.
dropdown-menu-icons
Checkboxes
Use DropdownMenuCheckboxItem for toggles.
dropdown-menu-checkboxes
Checkboxes Icons
Add icons to checkbox items.
dropdown-menu-checkboxes-icons
Radio Group
Use DropdownMenuRadioGroup for exclusive choices.
dropdown-menu-radio-group
Radio Icons
Show radio options with icons.
dropdown-menu-radio-icons
Destructive
Use variant="destructive" for irreversible actions.
dropdown-menu-destructive
Avatar
An account switcher dropdown triggered by an avatar.
dropdown-menu-avatar
Complex
A richer example combining groups, icons, and submenus.
dropdown-menu-complex