Passer au contenu principal
Utilisez des onglets pour organiser le contenu en plusieurs panneaux entre lesquels les utilisateurs peuvent basculer. Vous pouvez ajouter autant d’onglets que nécessaire et inclure d’autres composants dans chaque onglet.
  • Premier onglet
  • Deuxième onglet
  • Troisième onglet
☝️ Bienvenue dans le contenu visible uniquement dans le premier onglet.Vous pouvez ajouter autant de composants que vous le souhaitez à l’intérieur des onglets. Par exemple, un code block :
HelloWorld.java
  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }
Tabs example
<Tabs>
  <Tab title="Premier onglet">
    ☝️ Bienvenue dans le contenu visible uniquement dans le premier onglet.

    Vous pouvez ajouter autant de composants que vous le souhaitez dans les onglets. Par exemple, un bloc de code :
    ```java HelloWorld.java
      class HelloWorld {
          public static void main(String[] args) {
              System.out.println("Hello, World!");
          }
      }
    ```
  </Tab>
  <Tab title="Deuxième onglet" icon="leaf">
    ✌️ Voici le contenu visible uniquement dans le deuxième onglet.

    Celui-ci possède une icône <Icon icon="leaf" /> !
  </Tab>
  <Tab title="Troisième onglet">
    💪 Voici le contenu visible uniquement dans le troisième onglet.
  </Tab>
</Tabs>

​
Propriétés

​
title
string
required
Le titre de l’onglet. Des titres courts facilitent la navigation.
​
icon
string
Une icône Font Awesome, une icône Lucide, une URL d’icône ou un chemin relatif vers une icône.
​
iconType
string
Pour les icônes Font Awesome uniquement : l’un de regular, solid, light, thin, sharp-solid, duotone, brands.