Dropdown menus present a list of actions or options in a floating panel. Triggered by click on a button or input.
| Variant | Trigger | Use |
|---|
| Menu | Button click | Action lists (Edit, Delete, Share) |
| Select | Input click | Single or multi-select from list |
| Combobox | Type to filter | Searchable select with many options |
| Element | Description |
|---|
| Trigger | Button or input that opens the menu |
| Panel | Floating container, min-width 160px |
| Items | List of options with icons, labels, shortcuts |
| Divider | Separates groups of related items |
| Check | Shows selected state in multi-select |
- Max 8–10 items — use search for longer lists
- Group related items — use dividers between groups
- Destructive last — put “Delete” at the bottom, separated
- Keyboard nav — arrow keys, Enter to select, ESC to close