Tabs

Toggle content using the Tabs component

You can add any number of tabs, and other components inside of tabs.

• First Tab
• Second Tab
• Third Tab

☝️ Welcome to the content that you can only see inside the first Tab. You can add any number of components inside of tabs.

HelloWorld.java

  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }

☝️ Welcome to the content that you can only see inside the first Tab. You can add any number of components inside of tabs.

HelloWorld.java

  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }

✌️ Here’s content that’s only inside the second Tab.

💪 Here’s content that’s only inside the third Tab.

Tabs Example

<Tabs>
  <Tab title="First Tab">
    ☝️ Welcome to the content that you can only see inside the first Tab.
    ```java HelloWorld.java
      class HelloWorld {
          public static void main(String[] args) {
              System.out.println("Hello, World!");
          }
      }
    ```
  </Tab>
  <Tab title="Second Tab">
    ✌️ Here's content that's only inside the second Tab.
  </Tab>
  <Tab title="Third Tab">
    💪 Here's content that's only inside the third Tab.
  </Tab>
</Tabs>

Tab Props

title

string

required

The title of the tab. Short titles are easier to navigate.