Dropdowns
Single Button Dropdowns
Basic dropdown with button trigger
Split Button Dropdowns
Dropdown with split toggle
Sizes & Outline
Dropdown Sizes
Small, default, and large
Outline Dropdowns
Dropdowns with outline buttons
Dropdown Directions
Directions
Up, down, start, and end
Menu Alignment
Align menu to start or end
Menu Content
Headers & Dividers
Organize menu items
Active & Disabled
Item states
Icons & Forms
Dropdown with Icons
Menu items with icons
Dropdown Forms
Form elements inside dropdown
Real-World Examples
User Profile Menu
Common user dropdown pattern
Notifications
Notification dropdown
Table Row Actions
Action menu for table rows
| Name | Status | |
|---|---|---|
| Project Alpha | Active |
|
| Project Beta | Pending |
|