Components
Dropdowns
Overview
A dropdown allows a user to select a value from a series of options. Our dropdowns allow a user to search through a large list of choices.
Types
Name
Purpose
Single-select
Multiselect
User may only choose one option from the selection
User may choose multiple options through the use of checkboxes
Best Practices
- Use a Dropdown when there are multiple choices that can be collapsed under one title. Or if the list of items is long or when space is constrained.
- Dropdowns contain shortened statements or words.
- Use a Dropdown when the selected option is more important than the alternatives (in contrast to radio buttons where all the choices are visible putting more emphasis on the other options).