Tabs

Pestañas ARIA con teclado y panel toggling. Estado controlado client-side con data-tab-id.

3 pestañas

Configuración general

Nombre del negocio, idioma, zona horaria.

Facturación

Plan actual, método de pago, historial.

Seguridad

Contraseña, 2FA, sesiones activas.

<Tabs tabs={[
  { id: "general", label: "General" },
  { id: "facturacion", label: "Facturación" },
  { id: "seguridad", label: "Seguridad" },
]}>
  <div data-tab-panel="general">…</div>
  <div data-tab-panel="facturacion">…</div>
  <div data-tab-panel="seguridad">…</div>
</Tabs>