Tabs

Navegación por pestañas accesible con variantes line y pill.

pnpm dlx nuvo-ui add tabs

Line (por defecto)

Configuración del perfil público.

Pill

Datos del día de hoy.

Uso

import { Tabs, TabsList, TabsTrigger, TabsContent } from "@nuvo-ui/ui"

<Tabs defaultValue="tab1" variant="pill">
  <TabsList>
    <TabsTrigger value="tab1">Tab 1</TabsTrigger>
    <TabsTrigger value="tab2">Tab 2</TabsTrigger>
  </TabsList>
  <TabsContent value="tab1">Contenido 1</TabsContent>
  <TabsContent value="tab2">Contenido 2</TabsContent>
</Tabs>

Props — Tabs

Prop	Tipo	Default	Descripción
variant	"line" \| "pill"	"line"	Estilo visual de las pestañas
defaultValue	string	—	Tab activo por defecto (no controlado)
value	string	—	Tab activo controlado
onValueChange	(v: string) => void	—	Callback al cambiar de tab