Select displays multiple options for a user to pick from in a dropdown menu. User selects one option.


Blank Selection Text

Disabled Options

Disabled Select Field

Required Select Field

Equal option value and value text

Custom Select

Select w/ Error

Select w/ Error shows that the radio option must be selected or is invalid (ie when used in a form it signals a user to fix an error).

Select Inline

Select Inline (Always Show Arrow)

Select Inline Compact

Select Multiple

The multiple prop enables multiple selections; however, for a better user experience, we recommend our Typeahead kit.

Things to Avoid

Try to avoid using select when there are limited options to choose from (ie either or questions, yes/no questions, etc).

Available Props