Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The tabs is a container

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

  • We can add vertical and horizontal tabs in a tabs component

  • When you add multiple tabs, the tab label is displayed horizontally on the top if it's a Tabs component and if it's vertical then the label is on the left-hand side

  • If you click on the label of the tab, related tabs content is displayed, If it's horizontal then on the bottom, and if vertical then on the right-hand side.

Attributes

Label

...

The label is a short description given to the tab

...

Default

  • You can set the default tab between all the tabs where you can land on the default tab when you open the respected forms

  • e.g.

    in the below screenshot Personal Details is used to specify the first tab label, and Educational Summary is used to specify the second tab label

    Icon

    The icon is a visual element that gives the idea of the context. Users can search and use icons manually through the icon box that they will display at the beginning of the label

    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

...