Select

The select input component can be used to gather information from users based on multiple options in the form of a dropdown list and by browsing this page you will find multiple options, styles, sizes, and variants built with the utility classes from Tailwind CSS also available in dark mode.

Select input example

Disabled state

Underline select

Select with dropdown

Sizes

Custom options

MultiSelect

Basic example

Placeholder

Disabled select

Disabled option

Pre-select values

Keyboard Usage

Some keyboard interaction was implemented. Use / to highlight an item, then press Enter or SpaceBar to toggle the highlighted item. Press Esc to close the selection pop-up.

Customization