Tailwind CSS Select - React

Use our Tailwind CSS Select component to collect user provided information from a list of options.

A Select component is a dropdown menu for displaying choices. Use the radio component when there are fewer total options (less than 5).

See below our Select component example that you can use in your Tailwind CSS and React project. The example comes in different colors and styles, so you can adapt it easily to your needs.



Select Variants

The Select component comes with 3 different variants that you can change it using the variant prop.


Select Sizes

The Select component comes with 2 different sizes that you can change it using the size prop.


Select Colors

The Select component comes with 19 different colors that you can change it using the color prop.


Select Validations

The Select component comes with error and success states for performing validations.


Custom Select Animation

You can modify the open/close state animation for Select component using the animate prop.


Disabled Select

A Select could be disabled as well, it will help you to prevent user interactions like click or focus over the Select component.

Edit this page on Github