Dropdown / Select
Dropdowns and select menus allow users to choose one option from a list. They are used for actions menus, filter selections, and single-choice inputs where the full list does not need to be visible at all times.
Behavior
- Menu opens on click, not on hover.
- Close the menu on Escape key press or on outside click.
Style
- Label the button with a clear action or noun. For example, Actions or More.
- Menu items should follow the verb + noun formula. For example, Download PDF, Add tag, Delete record.
- Use sentence case for all menu items.
- Multi-selection dropdowns: include checkboxes, and selections should persist until the user closes the menu.
Do / Don’t
| Do | Don’t |
|---|---|
| Actions | Click here |
| Download PDF | PDF download |
| Add tag | Tag adding |