Tabs

Pestañas (Radix).

Pestañas

Vista previa

Administra los datos de tu cuenta aquí.

<Tabs defaultValue="cuenta">
  <TabsList>
    <TabsTrigger value="cuenta">Cuenta</TabsTrigger>
    <TabsTrigger value="password">Contraseña</TabsTrigger>
  </TabsList>
  <TabsContent value="cuenta">…</TabsContent>
  <TabsContent value="password">…</TabsContent>
</Tabs>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Claro · base

Administra los datos de tu cuenta aquí.

Oscuro · base

Administra los datos de tu cuenta aquí.

Claro · emerald

Administra los datos de tu cuenta aquí.

Oscuro · violet

Administra los datos de tu cuenta aquí.