Tabs Container

Tabs are used to navigate between multiple related sections on the same page.

Props

Value string | required
The binding for the component. Use an appropriate expression to bind the component to its value and specify where the value is saved/read.

For example, use '{{myVariableName}}' to store the value of the component in a variable named 'myVariableName'

Use prefixes to define the scope of the value.

For example, 'root.' for referencing the root case to store the value in or 'parent.' to store the value in the parent work item of the current one.

📘

Please refer to the section 'Frontend expressions' in the Flowable guide for more information.


Tabs List table | required
List of tabs with the corresponding options for each tab.

NameTypeDescription
LabelstringText describing what's on the tab
Value contentstringContent of the tab (what will be saved in the expression)
DisabledbooleanPrevent a user from accessing a tab's content


Margin Top number
Add spacing at the top.


Margin Bottom number
Add spacing at the bottom.