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>
<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>
<Tab title="First Tab">
...
</Tab>
<Tab title="Second Tab">
...
</Tab>
<Tab title="Third Tab">
...
</Tab>
</Tabs>