/
Tabs

Tabs

Overview

  • The Tabs is a container and represents the list of a Tab

  • The Tabs component is used for grouping the related content in a single container

  • When you add multiple tabs, the tab label is displayed horizontally on the top in the Tabs component

  • If you click on the label of the Tab, related tabs content is displayed on the bottom side

  • All components except the Navigation Node can be added to the Tabs

Attributes

Default Tab

  • You can select a Tab that will be displayed as the Default Tab

  • When the layout is rendered the Default Tab will be displayed on the Tabs

  • e.g. You have three tabs Personal Details, Educational Details, and Address Details and you set a default tab 1 then you can land on the Educational Details tab when you open the form

Limit

  • Limit let you to decide the number of tabs you want to display

  • If the Tab limit exceeds the entered value, then remaining tabs will be appearing in drop down list format

  • If you enter the value for example 4 then it will display four tabs and if you added above four tabs, then it will display the fifth tab in the drop-down list format

Related content

Vertical Tabs
Vertical Tabs
More like this
Tab
More like this
Tabs
More like this
Vertical Tabs
More like this
Section
More like this