Select Tab
The Select Tab 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 Tab 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 Tab configuration
| Name | Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|---|
| Items | string | true | false | "Foo" ; "Bar" | The select tabs items (label and value, in JSON). |
| Default Value | string | true | false | The default value of the tabs labels and value. |
Outputs
| Name | Type | Description |
|---|---|---|
| result | string | The selected tab. |