Tabs

The Tabs component organizes content into separate tabs that users can switch between. Each tab can contain different types of content like examples or code snippets.

Properties

title

stringRequired

The title displayed in the tab header

children

string | JSXRequired

The content to be displayed when the tab is selected. Can include text, markdown, and components.

First Tab

Second Tab

Third Tab

☝️ Welcome to the content that you can only see inside the first Tab.

Built with

1	<Tabs>
2	<Tab title="First Tab">
3	☝️ Welcome to the content that you can only see inside the first Tab.
4	</Tab>
5	<Tab title="Second Tab">
6	✌️ Here's content that's only inside the second Tab.
7	</Tab>
8	<Tab title="Third Tab">
9	💪 Here's content that's only inside the third Tab.
10	</Tab>
11	</Tabs>