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.

To use tabs, you need to wrap the <Tabs> component around the <TabList> and <TabContent> components. <TabList> is used to display the tabs and <TabContent> is used to display the content of the selected tab. To create a tab, you need to use the <TabItem> component inside the <TabList> component. To display the content of the tab, you need to use the <TabPanel> component inside the <TabContent> component. To select another tab instead of first tab initially, you can use active prop. To make the tabs grow to fill all the available space, you can use the grow prop. To make the tabs vertical, you can use the vertical prop. To add icons to the tabs, you can use the <Icon> component inside the <TabItem> component.