Skip to main content

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:

Conditional Tabs configuration

NameTypeConnectableTemplatableDefaultDescription
Conditionsboolean[]falsefalsefalseThe conditions that will be evaluated.

Outputs

NameTypeDescription
conditionsboolean[]The conditions evaluation
selectedConditionIndexnumberThe index of the selected condition

Component controls

NameParametersDescriptionExample
setTabid: string, index:numberSet 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.