Tabs

<Tabs>
    <Tab label="First Tab">
        Content of the First Tab

        You can use **markdown** here too!
    </Tab>
    <Tab label="Second Tab">
        Content of the Second Tab

        Here's a [link](https://www.google.com)
    </Tab>
</Tabs>

Examples

Custom Color

<Tabs color=#ff0000>
    <Tab label="Red Tabs">
        Content of the First Tab
    </Tab>
    <Tab label="Second Tab">
        Content of the Second Tab
    </Tab>
</Tabs>

Tabs

Options

id

Unique Id for this set of tabs. When set, the selected tab is included in the URL so it can be shared.

color

Color for the active tab.

Options:
Any valid hex, rgb, or hsl string
Default:
blue

Tab

Options

label
Required

Label for the tab

id

Unique Id for this tab. Only needed if 2 tabs have the same label (not recommended).