Select
The select component allows you to get a string from the user.
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:
App editor Documentation
The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.
Apps quickstart
Learn how to build your first app in a matter of minutes.
Controls
This component can be controlled by frontend scripts using these functions:
Name | Parameters | Description | Example |
---|---|---|---|
setValue | id: string, value: any | Manually set or force the value of a component. | setValue(id: 'a', value: 17) |
Select configuration
Name | Type | Connectable | Templatable | Default | Description |
---|---|---|---|---|---|
items | Array | true | false | The select items. | |
create | boolean | false | false | false | If users can create values. |
default value | boolean | true | false | The default value of the input. | |
Preselect first | boolean | false | false | false | If the first item should be preselected. |
Full width | boolean | false | false | false | If the select should take the full width. |
Outputs
Name | Type | Description |
---|---|---|
result | string | The selected item. |
Event handler
The select component has the following event handler:
onSelect
: Trigger one or more runnables when the user selects an item.