Skip to main content
Version: 8.4

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. Can either be an expression, plain text, or templating syntax.
  • Field description: Description provided below the select. Can either be an expression, plain text, or templating syntax.
  • Key: Binds the selected value to a form variable, refer to 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.
  • Read only: Makes the select read-only, meaning the user can't change but only read its state. Can be dynamically set using an expression.
  • 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, refer to 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.