Dropdown

A dropdown is the bit that drops down, and contains links or actions, NOT selected values.

Also known as:
Select menuSelect dropdownMulti-selectSelect input

Visuals

Examples

To keep in mind

  • Dropdowns contain links or actions, not selected values.
  • Focus indicator

When to use and when not to use

When to use
  • When you’re short on space and need to provide further links or actions.
When not to use
  • When you’re actually selecting a value from a list of options, use a Select instead.

External links

Here are some examples of other existing design systems: