The Tabs control offers a structured way to organize and present content in separate sections or tabs, enabling users to access information selectively.
Tabs are a versatile tool to compartmentalize information, allowing users to view distinct sections without overwhelming them.
Binding Data Options
The Tabs control allows the user to select a tab from a specified list of tabs. To populate the Tab control with data, you can use the Bind Data option, which accepts an array of string in JSON format.
Options - Data Binding
The Tabs control allows you to create tabs from different data sources. Here's an example of using the "Bind Data" option to create tabs with an array of strings:
Selected Option - Data Binding
If you want to have a default selected tab in the Tabs control, you can use the "Bind Data - Selected Option" section with the following data:
|Is the color of the selected tab item.
|Is the color of the bottom borders of the tabs.
|Is the text size, weight ( Light, Normal, Bold, Extra Bold, X Extra Bold), alignment (Left, Center, Right, Justified), and color of the label.
|Minimum tab width
|Specifies the minimum width to be maintained for the tab as the number of pixels, as a percentage, or root elements.
|The text that appears referring to the tab.
|Allows you to toggle ON or OFF to indicate whether a tab would be selected by default.
The outputs from the Tabs control, represented by
|Represents the user-selected value from the tabs available in the Tabs control.
|Emitted when the selected tab changes, enabling tracking of the chosen tab and respective actions can be configured for tab change.