Select

Component Status

Stable
Show details
Stable
Published: June 22, 2022
Updated: July 11, 2023

Design Usage

  • Use to allow the user to select one option from the list
  • Consider select when you have 3 or more options, to keep predictability of UI
  • Give a short description of the label (1-3 words)
  • If the Select needs longer explanation, use helper text message below the field
  • Dropdown inside Select is styled only in Figma, in code it is native rendered