Components
Dropdown
componentselectmenuinteractionnavigation
An expandable list of selectable options revealed on trigger.
When to use
- Selecting from 4–12 options (fewer = radio buttons; more = search)
- Contextual action menus on cards or table rows
- Navigation menus with subcategories
Examples
- Sort order selector (Newest / Oldest / Alphabetical)
- Right-click context menu on a file
See this in the wild
Analyze a site and look for dropdown in the breakdown.
