Selectors

VIEW IN CLAY

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

Selector

select default state

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 auto complete feature.

multiple select field

multiple select field with N lines

Multi select includes different features as:

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

multiple select field with N lines

Menu