Skip to content

Dropdown, Select, default

Updated 2026-05-14

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.

  • Menu opens on click, not on hover.
  • Close the menu on Escape key press or on outside click.
  • 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
Actions
✗ Don't
Click here
✓ Do
Download PDF
✗ Don't
PDF download
✓ Do
Add tag
✗ Don't
Tag adding