Selectors

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

Selector

Usage

This pattern is completely different from a dropdown. A selector is a native component with a data provider. A dropdown, however, opens a panel that could contain multiple and different natural elements.

States

The states for a selector are the same as the states for a text input.

Multi select

Multi select is the field type that allows writing text to create “tags” that are represented in the shape of labels. This components counts with autocomplete feature.

Multi select includes different features as:

• Text autocomplete
• Fast label creation on text paste, creating tags for elements separated by commas.
• This component also has a character whitelist that allows create labels with only desired characters.