Skip to main content

Select

A Select dropdown allowing the user to select one of multiple data option from larger datasets.

Form Select Symbol

Configurable properties​

  • Field label: Label displayed above the select.
  • Field description: Description provided below the select.
  • Key: Binds the selected value to a form variable, see data binding docs.
  • Default value: Provides a default selection in case no input data exists for the given key. Only available for static options sources.
  • Searchable: Allows the select entries to be searched via keyboard.
  • Disabled: Disables the select, for use during development.
  • Hide if: Expression to hide the select.
  • Columns: Space the field will use inside its row. Auto means it will automatically adjust to available space in the row. Read more about the underlying grid layout in the Carbon Grid documentation.
  • Options source: Selects can be configured with an options source defining the individual choices the select provides, see options source docs.
  • Validation: Given that one of the following properties is set, the form will only submit when the respective condition is fulfilled. Otherwise, a validation error will be displayed.
    • Required: One select entry must be selected.

Datatypes​

Select components can be bound to any data, but we recommend working with strings. The component will correlate the data value with the appropriate option defined in the options source. If no option is found, the data will simply be ignored.