Saltar al contenido principal
Usa pestañas para organizar el contenido en varios paneles entre los que los usuarios pueden alternar. Puedes agregar cualquier número de pestañas e incluir otros componentes dentro de cada una.
☝️ Bienvenido al contenido que solo puedes ver dentro de la primera pestaña.Puedes agregar cualquier número de componentes dentro de las pestañas. Por ejemplo, un bloque de código:
HelloWorld.java
  class HelloWorld {
      public static void main(String[] args) {
          System.out.println("Hello, World!");
      }
  }
Tabs example
<Tabs>
  <Tab title="Primera pestaña">
    ☝️ Bienvenido al contenido que solo puedes ver dentro de la primera pestaña.

    Puedes agregar cualquier número de componentes dentro de las pestañas. Por ejemplo, un bloque de código:
    ```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>
Las pestañas se sincronizan automáticamente con otras pestañas y grupos de código en la misma página cuando sus etiquetas coinciden. Cuando seleccionas una pestaña, todas las demás pestañas y grupos de código con la misma etiqueta se actualizan para reflejar tu selección.

​
Propiedades

​
title
string
requerido
El title de la Tab. Los títulos cortos facilitan la navegación. Las pestañas con el mismo título sincronizan sus selecciones.
​
icon
string
Un icon de Font Awesome, un icon de Lucide, una URL a un icon o una ruta relativa a un icon.
​
iconType
string
Solo para icon de Font Awesome: Uno de regular, solid, light, thin, sharp-solid, duotone, brands.
​
borderBottom
boolean
Añade un borde inferior y un padding al contenedor de pestañas. Es útil para separar visualmente el contenido con pestañas del resto de la página, especialmente cuando las pestañas contienen contenido de distinta longitud.