Skip to main content

Select Menu

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

Rules of Thumb

Appearance and Behavior

The Select Menu component consists of an input field containing a downward facing caret icon. Clicking on the caret expands a list of items (below, or above if there is no room below due to the position of the component on screen) related to the input field. Once an item in the list is selected, the selection is populated in the input field.

To learn more about adding Help Text or Validation to Select Menus, see the Forms and Validation guidance.

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