Select — Documentation

🧭 When to Use / When Not to Use

Use When

• Users need to choose one or multiple options from a list.
• You want a compact, familiar, form-friendly input.
• You need validation (required, errors) with consistent label + placeholder behaviors.
• You want selected items to show as chips (multi-select).
• Options may be long or scrollable.

Avoid When

• Only one toggle is needed → use Switch or Radio.
• The options are best compared visually → use Radio Group.
• Multi-select list is large → prefer Autocomplete.
• You need quick inline filtering → use Filter Pills or Segmented Control.
• The selection triggers immediate navigation → use Dropdown Button/Menu instead.

🎨 Considerations

Label & Required Mark

• Always display a visible label.

• Required fields use a small asterisk (*) tokenized as:

  select.text.required