For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Slack communityLog inBook a demo
  • Getting Started
    • Overview
    • Quickstart
    • Customer Showcase
  • Writing Content
    • Markdown
      • Overview
      • Accordions
      • Accordion Groups
      • Aside
      • Button
      • Callouts
      • Cards
      • Card Groups
      • Code Blocks
      • Embed
      • Endpoint Request Snippet
      • Endpoint Response Snippet
      • Endpoint Schema Snippet
      • Frames
      • Icons
      • Parameter Fields
      • Steps
      • Tabs
      • Tooltips
    • Visual Editor
    • Reusable Markdown
    • Custom React Components
    • Changelog
LogoLogo
Slack communityLog inBook a demo
Writing ContentComponents

Tabs

Markdown
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>
Was this page helpful?
Previous

Tooltips

Next
Built with

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

language
string

The language associated with the code block. Any arbitrary string may be used.

When a user selects a tab with a specific language, all other tabs assigned to the same language will automatically sync and switch to match.

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.