Select

Displays a list of options for the user to pick from—triggered by a button.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Simple select with default value

Status select

Select with icon

Select with helper text

Tell us what's your favorite Select framework

Select with colored border and ring

Select with error

Selected option is invalid

Select with gray background

Select with options groups

Select with separator

Select with disabled options

Select with overlapping label

Timezone select

Options with flag

Scrollspy

A component for tracking scroll position and updating active links.

Select - Native

Display a dropdown list of options for users to choose from.