Select Menu

Storybook Github

When activated, Select Menus allow users to select a value from a list of values. Once a value is selected, the Select Menu displays the selected value.

Rules of Thumb

  • Select Menus should display a list of multiple values.
  • Select Menus may default to a state that instructs users what to do. For example: “Select Modem” or a default choice like “Modem X.”
  • When the user knows what they’re looking for in advance, consider using a text field with client-side auto-complete functionality instead.

Examples

Don’t: Create a Select Menu list with too many options. The user needs to be able to scan and navigate the list easily
Don’t: Create a Select Menu list with too many options. The user needs to be able to scan and navigate the list easily