Menu Icon

Select

A select allows data entry by selecting from options given on dropdown menu. They let users choose one of the options by clicking on.

Usage

Single or multiple selections are different types to allow. Data can be provided with several sources connected by.

Guidance

  • Selects should indicate a placeholder with text explanation.
  • They can be displayed as bordered.

When to use

  • Use Selects for selection data input from drop list box of options.

Additional info

  • Display value and actual value should be given for each option.

Variations

  • Connectable data sources are various such as Data Model, SQL, REST or JSON.
  • The updatable properties of Selects are selection options, selection and placeholder.
  • The updatable behaviours of Selects are show search and bordered.
  • The updatable style features of Selects are margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Select Placeholder are margin, padding, typography and css.
  • The updatable style features of Dropdown are margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Dropdown Item are margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Dropdown Item Selected are typography, background, border and css.
  • The usable dynamic properties of Selects are options, placeholder, mode, showSearch, size, bordered, dataSource, hidden and style.