Skip to main content

Select

The select component allows you to get a string from the user.

Select API

The following section details Select component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Controls

This component can be controlled by frontend scripts using these functions:

NameParametersDescriptionExample
setValueid: string, value: anyManually set or force the value of a component.setValue(id: 'a', value: 17)

Select configuration

NameTypeConnectableTemplatableDefaultDescription
itemsArraytruefalseThe select items.
createbooleanfalsefalsefalseIf users can create values.
default valuebooleantruefalseThe default value of the input.
Preselect firstbooleanfalsefalsefalseIf the first item should be preselected.
Full widthbooleanfalsefalsefalseIf the select should take the full width.

Outputs

NameTypeDescription
resultstringThe selected item.

Event handler

The select component has the following event handler:

  • onSelect: Trigger one or more runnables when the user selects an item.