Tabs

Website Tabs are similar to the Browser Tabs as it consists of multiple content that are grouped together to save space. Because of this, the Tabs Element is helpful for pages with limited space. When designed well, they help improve readability and decrease clutter.

Content Options

For each item, you can add title and description.

Title: This is the heading of the tab.

Description: This is the content for the tab.

Style Options

Type: Select the type of tabs:

1. Default
2. Pills
3. Underline

Orientation: Choose to display tabs as horizontal or vertical.

Tab Class: CSS Class that is applied to parent element of tab navigation and tab content.

Tab Navigation Class: CSS Class that is applied to the tab navigation.

Tab Content Class: CSS Class that is applied to the tab content.