Select

Select fields let users choose an option from a list

overviewguidelinesdeva11y
  • Make sure select fields look interactive
  • The select field's state (blank, with input, error, etc) should be visible at a glance
  • Keep labels and error messages brief and easy to act on
  • Select fields commonly appear in forms and dialogs

Example

Live Playground

Preview Playground

Resources

NameResourceStatus
FigmaDesign Kit (Figma)Private