Dropdowns

An input that allows users to make a single selection from a pre-defined list of familar and/or quantitative options. Use radio buttons instead when the user needs to scan, compare, and evaluate multiple similar and/or qualitative options.

Examples & Guidelines

  • Sort the list in a logical order. Put the most popular choice at the top.
  • A dropdown should have no fewer than 2 options.
  • Lists that are longer than 12 options should allow autofill.
Default
  • Another option
With Icon and Validation
  • Another option
Please pick an option
Disabled
  • Another option