# 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
Sender
Sender is a required field.
Sender

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

# Groups

Senders

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

# Search

Sender

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

# Tooltip

Sender

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

# Multiple

Lists

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

# CSS Only

State

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