SystemDocs

Tabs (Pestañas)

Componente de pestañas para organizar el contenido en diferentes vistas. Construido como Custom Element puro para máximo rendimiento.

Ejemplo Básico

Code Snippet 
<TabsComponent defaultValue="account" class="w-[400px]">
  <TabsList class="grid w-full grid-cols-2">
    <TabsTrigger value="account">Cuenta</TabsTrigger>
    <TabsTrigger value="password">Contraseña</TabsTrigger>
  </TabsList>
  <TabsContent value="account" class="border p-4 rounded-md">
    <h3 class="text-lg font-medium">Cuenta</h3>
    <p class="text-sm text-muted-foreground">Haz cambios en tu cuenta aquí.</p>
  </TabsContent>
  <TabsContent value="password" class="border p-4 rounded-md">
    <h3 class="text-lg font-medium">Contraseña</h3>
    <p class="text-sm text-muted-foreground">Cambia tu contraseña aquí.</p>
  </TabsContent>
</TabsComponent>