Select - Native

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

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 native-select

Simple select

Select with placeholder

Select with icon

Select with helper text

Tell us what's your favorite Select framework

Select with colored border

Select with error (native)

Selected option is invalid

Gray background

Disabled select

Select with auto-width

Select with option groups

Timezone select

Select with overlapping label

Select with inset label

Select

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

Separator

Visually or semantically separates content.