Skip to main content

Select

Select allows you to select one or more items from a list of options. The component has 2 basic structures: trigger and dropdown selection menu. The trigger is Select itself which, when clicked, displays a list of options inside a dropdown.

Good habits​

  • Order the dropdown menu options in a way that makes sense, whether in alphabetical, numerical or logical order
  • If you need a decision between 2 or 3 options, it may be more practical to use another component with open options, like Checkbox or Radio
  • The Select label must be contextualized, that is, make clear the types of options before clicking on them. For example: ”Account Segment”, ”Conversion Channels”, ”Responsible”, etc.
  • If the above rule cannot be applied due to lack of spacing, the default label for a Select is "Select" - as long as there is text that contextualizes the list of options. Ideally, it should be presented with some other support. For example: "Select country", "Select date", etc.

Feedback​