Tabs Component
The Tabs component enables you to organize content into multiple tabs, allowing users to switch between different sections of information or functionality within a single interface.
First tab content
Second tab content
Third tab content
Tabs component structure
<Tabs>
<Tab title="...">
...
</Tab>
<Tab title="...">
...
</Tab>
</Tabs>Structure
The <Tabs> (plural) component expects as children a sequence of <Tab> (singular) components.
Passing anything other than a <Tab> components as a child to the <Tabs> component will result in an error.
Attributes
The <Tabs> and <Tab> components can be customized using the following attributes.
Tab title
Each <Tab> (singular) component must have a title attribute, which specifies the title of the tab.
First tab content
Second tab content
Third tab content
Tabs component structure
<Tabs>
<Tab title="First Tab">
...
</Tab>
<Tab title="Second Tab">
...
</Tab>
<Tab title="Third Tab">
...
</Tab>
</Tabs>