Liferay.Design / Lexicon
/
Get StartedResources
Part of Liferay, IncCode/Content LicensesPowered by Gatsby and Netlify

Selectors

Sign In
View in ClayDocumentation

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 autocomplete feature.

multiple select field

multiple select field with N lines

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.

multiple select field with N lines

Something to improve? Report an issue!
Menu