Conditional Tabs
Conditional tabs are tabs that are displayed only if a condition is met. The conditions are an array of conditions. Conditions are evaluated in order. The first condition that evaluates to true will render its subgrid. If no condition evaluates to true, the last subgrid will be rendered.
The following section details Conditional Tabs 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.
Conditional Tabs configuration
| Name | Type | Connectable | Templatable | Default | Description |
|---|---|---|---|---|---|
| Conditions | boolean[] | false | false | false | The conditions that will be evaluated. |
Outputs
| Name | Type | Description |
|---|---|---|
| conditions | boolean[] | The conditions evaluation |
| selectedConditionIndex | number | The index of the selected condition |
Component controls
| Name | Parameters | Description | Example |
|---|---|---|---|
| setTab | id: string, index:number | Set the current tab. | setTab('a',1) |
Event handler
The conditional tab component has the following event handler:
onTabChange: Trigger one or more runnables when the user changes the tab.