Select

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

Default


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