Tabs

Tabs are used to split content between multiple sections. They are useful when you have too much content to fit on a single page.

#

Basic usage

To use tabs, you need to wrap the <Tabs> component around the <TabList> and <TabContent> components.

Home tab

Here is the content of the first tab.

#

Grow

To make the tabs grow to fill all the available space, you can use the grow prop.

Here is the content of the first tab.

#

Vertical

To make the tabs vertical, you can use the vertical prop.

Here is the content of the first tab.

#

Icons

To add icons to the tabs, you can use the <Icon> component inside the <TabItem> component.

Here is the content of the first tab.

#

Only icons

Here is the content of the first tab.

#

Tab at the end

Here is the content of the first tab.