The tabs component organize related content into separate panels that users can switch between without leaving the page.
Tabs component properties
Selecting the component shows its configurable properties.
In the properties panel, you can set:
Views: You can add and remove the number of tab views for your tabs component.
Currently, you can have at most ten tabs.
The default tab will be the first tab in the list.
Tabs can be reordered.
Display:
Default state: The default state of the component (Regular/Hidden/Disabled).
Height: The default height for the component.
Auto: The tabs container fits its content. It grows as components are added and shrinks when they are removed, and it resizes on screen when components are shown or hidden. This is the default..
Fixed: Drag the tabs container's bottom edge to set its height. Content that doesn't fit scrolls inside the container.
Tab Views
Clicking a tab in the Views list will bring up the properties for that individual tab.
For each individual tab, you can change:
Label: The name of the tab
Default state: The default state of the tab (Regular/Hidden/Disabled).
Tab Container
To populate a tab with components:
Select the tab in the canvas.
Drag a component into the tab.
đ Note: Tabs cannot be nested. In other words, tabs cannot contain other tabs components.