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.

A <button> Dropdown .c-txt__input--select

• item
• .c-txt__input--select
• item

A ContentEditable <div> Dropdown

two

• one
• two
• three

A Dropdown with Tag Content

Tag One

Tag Two

Tag Three

• Tag Zero
• Tag One
• Tag Two
• Tag Three

A <select> Dropdown 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. One Two Three

A Disabled <button> Dropdown .c-txt__input--select[disabled]

A Disabled <select> Dropdown select[disabled]