Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

Nav (TabNav · TreeNav · VerticalNav)

Navegación declarativa con `NavDef`: tabs horizontales, árbol y rail vertical, más `WDSLink`.

Categoría
Navegación
Fuente
components/nav
Skill para agentes
—
Último cambio
2026-10-09

Importación

Importa por subruta del DS local (`src/design-system`). El barrel `@/design-system` también lo reexporta.

import { TabNav, TreeNav, VerticalNav, WDSLink } from "@/design-system/components/nav";

Ejemplos

Cada ejemplo se renderiza con el código real del DS; abre el código para copiarlo.

Vertical nav

Tree nav

Wds link

API

Generada desde los tipos y el JSDoc del código fuente.