Your bookmarks

Select

Also known as dropdown

Offers a simple form control to select from many options.

Being able to see all options at once can help users feel in control of the process, but seeing many radio buttons in a row can turn them off from the whole thing.

Grouping all options into a simple dropdown lets users easily find their way through any number of choices to select the right one.

Component status

Figma
Released
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Component structure

Label: provides a clear description of what users should fill in; placehold: provides additional help for expected values; prefix: optionally adds additional clarity for options; select suffix: indicates there are options to choose from.