Skip to content

Dynamic Tabs — Reference

Reference · Advanced · Bootstrap 5

Dynamic Tabs settings and behavior. Settings include ID, Class, Tabs Source, Tab Label.

Dynamic Tabs settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDRequired. Default: "". Attribute: id.
ClassDefault: "". Attribute: class.
Tabs SourceBind an array of tab objects with label and optional target properties. Default: "". Attribute: tabs.
Tab LabelDefault: "". Attribute: tab-label.
Tab TargetDefault: "". Attribute: tab-target.
Active TabSets the active tab by label. Default: "". Attribute: dmx-bind:active.
TypeOptions: Tabs (tabs), Pills (pills) Default: "tabs". Attribute: type.
JustifyOptions: Left (left), Center (center), Right (right), Fill (fill), Justified (justified) Default: "left". Attribute: justify.
Tab DisabledDefault: false. Attribute: tab-disabled.
Name Description
TabEnter the label of the tab to select Required. Default: "".
Name Description
SelectAction: Choose the action to execute.
Select: labellabel is available in the event data payload.