Select

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

Source code

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

npx ui-thing@latest add select

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

Scroll Area

Augments native scroll functionality for custom, cross-browser styling.

Select - Native

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