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 make the tabs grow to fill all the available space, you can use the grow prop.
To add icons to the tabs, you can use the <Icon> component inside the
<TabItem> component.
To use tabs, you need to wrap the <Tabs> component around the
<TabList> and <TabContent> components.
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.