Tabs

Alterna i contenuti con il componente Tabs

Usa le tab per organizzare i contenuti in più pannelli tra cui gli utenti possono scegliere. Puoi aggiungere qualsiasi numero di tab e includere altri componenti all’interno di ciascuna tab.

First tab

☝️ Benvenuto nel contenuto visibile solo all’interno della prima tab.

Puoi aggiungere qualsiasi numero di componenti all’interno delle tab. Per esempio, un blocco di codice:

HelloWorld.java

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

Tabs example

<Tabs>
  <Tab title="First tab">
    ☝️ Benvenuto nel contenuto visibile solo all'interno della prima tab.

    Puoi aggiungere qualsiasi numero di componenti all'interno delle tab. Per esempio, un blocco di codice:
    ```java HelloWorld.java
      class HelloWorld {
          public static void main(String[] args) {
              System.out.println("Hello, World!");
          }
      }
    ```
  </Tab>
  <Tab title="Second tab" icon="leaf">
    ✌️ Ecco contenuti presenti solo all'interno della seconda tab.

    Questa ha un'icona <Icon icon="leaf" />!
  </Tab>
  <Tab title="Third tab">
    💪 Ecco contenuti presenti solo all'interno della terza tab.
  </Tab>
</Tabs>

Proprietà

title · string · required

Il titolo della scheda. I titoli brevi sono più facili da individuare nella navigazione.

icon · string

Un’icona Font Awesome, un’icona Lucide, un URL di un’icona o un percorso relativo a un’icona.

iconType · string

Solo per le icone Font Awesome: uno tra regular, solid, light, thin, sharp-solid, duotone, brands.