Select Fields

Select fields let the user select an option from a given set. Selects can also support search within the set, grouping, and selecting multiple options. Style Guide provides a back-up, CSS only select, if the Select2 library can not be included.

Selects rely on the Select2 library. Please see the library documentation for more information.

Standard

Sender is a required field.
Container(s) .input-select-wrap
Modifiers .is-required .is-error .is-disabled
HTML Elements label.input-select-label select option

Groups

Container(s) .input-select-wrap
Modifiers .is-required .is-error .is-disabled
HTML Elements label.input-select-label select optgroup option

Tooltip

Container(s) .input-select-wrap
Modifiers .is-required .is-error .is-disabled
HTML Elements label.input-select-label select option

Multiple

Container(s) .input-select-wrap
Modifiers .is-required .is-error .is-disabled
HTML Elements label.input-select-label select optgroup option

CSS Only

Container(s) .input-select-wrap .input-select
Modifiers .is-required .is-error .is-disabled
HTML Elements label.input-select-label select option