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.

Usage

<Tabs>
    <Tab title="First">
        <Card>
            This is the content for tab 1.
        </Card>
    </Tab>
    <Tab title="Second">
        <Callout>
            This is the content for tab 2.
        </Callout>
    </Tab>
    <Tab title="Third">
        ```js
        // This is the content for tab 3.
        ```
    </Tab>
</Tabs>

Props

The Tabs component doesn't accept any additional props.

Tab Component

The Tab component represents an individual tab within the Tabs container. It accepts the following props:

• title: Specifies the title of the tab, which is displayed as the tab label.
• children: Content to be displayed within the tab.