CSS Components / Dropdown

Dropdown

Use the .c-txt__input--select modifier to apply dropdown styling to any non-void element (i.e. <button>). Combine with a .c-menu component to present dropdown options. Consult the associated <Select> React Component for complete functionality, including option selection and keyboard navigation.

two
Tag One
Tag Two
Tag Three
The CSS modifier may be applied to a standard <select> input element for lightweight, no-JS usage. Note that the unstyled <option> menu is not appropriate for in-product use.

Playground