Selectors

A form control element used to select from several provided options and enter data.

Selector

Selectors are frequently used as a part of forms. This elements are used when we need to select one or more within several options. These options are displayed in the button once selected.

Usage

This pattern is completely different from a dropdown as a selector is a native element with a list asociated. A dropdown instead opens a panel where the panel could contain multiple different things.

States

Default

selector default state

Active

selector active state

Multiple selector

Select button used to select more than one option from a simple list.

States

Default

multiple selector default state

Active

multiple selector active state

Menu