Verwenden Sie Tabs, um Inhalte in mehrere Bereiche zu gliedern, zwischen denen Nutzer wechseln können. Sie können beliebig viele Tabs hinzufügen und in jedem Tab weitere Komponenten einfügen.
☝️ Willkommen bei den Inhalten, die nur im ersten Tab sichtbar sind.In Tabs können Sie beliebig viele Komponenten hinzufügen. Zum Beispiel ein Codeblock:
HelloWorld.java
  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }
Tabs example
<Tabs>
  <Tab title="First tab">
    ☝️ Welcome to the content that you can only see inside the first tab.

    You can add any number of components inside of tabs. For example, a code block:
    ```java HelloWorld.java
      class HelloWorld {
          public static void main(String[] args) {
              System.out.println("Hello, World!");
          }
      }
    ```
  </Tab>
  <Tab title="Second tab" icon="leaf">
    ✌️ Here's content that's only inside the second tab.

    This one has a <Icon icon="leaf" /> icon!
  </Tab>
  <Tab title="Third tab">
    💪 Here's content that's only inside the third tab.
  </Tab>
</Tabs>

Eigenschaften

title
string
required
Der Titel des Tabs. Kurze Titel erleichtern die Navigation.
icon
string
Ein Font Awesome-Icon, Lucide-Icon, eine URL zu einem Icon oder ein relativer Pfad zu einem Icon.
iconType
string
Nur für Font-Awesome-Icons: Eines von regular, solid, light, thin, sharp-solid, duotone, brands.