The Tabs component lets designers add tabs to a designed page. The component is available in the following layouts:
- Vertical tabs
- Horizontal tabs
Each tab features an active tab and an inactive tab icon. The Tabs component contains three tabs by default, and it is possible to add tabs using the Add tab button.
- The Add tab button is available in the Tabs container element of the Tabs component. Use the DOM tree to select the Tabs container element.
- Selecting the Collapsible check box allows users to hide the content of the tabs by selecting the current tab.