Select Step
The Select Step is standalone tab component that behaves like a select component. It is meant to have the chosen tab to be chosen as input by components or runnables.
The following section details Select Step 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) |
| setTab | id: string, index:number | Set the current tab. | setTab('a',1) |
Select Step configuration
| Name | Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|---|
| Items | string | true | false | "Foo" ; "Bar" | The select step items (label and value, in JSON). |
| Default Value | string | true | false | The default value of the step labels and value. |
Outputs
| Name | Type | Description |
|---|---|---|
| result | string | The selected step. |