Dropdown Menu Component
Capsule-styled dropdown menus with orbit hover effects and smooth animations.
Basic Dropdown
A simple dropdown menu with animated arrow indicator and keyboard shortcuts.
File Actions
A comprehensive file action menu with nested options.
Wide Dropdown
A wider dropdown menu for more detailed items.
With Checkboxes
Dropdown with checkable items for toggle-style options.
Status Bar: OnActivity Bar: OffPanel: Off
With Radio Group
Dropdown with radio selection for single-choice options.
Selected: Bottom
Alignment Variants
Dropdowns can be aligned to the start, center, or end of the trigger.
API Reference
DropdownMenuContent
The popover content containing menu items.
| Prop | Type | Default |
|---|---|---|
| align | "start" | "center" | "end" | "start" |
| sideOffset | number | 6 |
DropdownMenuItem
Individual menu item with optional destructive variant.
| Prop | Type | Default |
|---|---|---|
| variant | "default" | "destructive" | "default" |
| inset | boolean | false |