Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

AppSidebar

Rail global de navegación con mega menú, conversaciones recientes y perfil. Se alimenta por API con `env.dataSource: 'api'` en `WDSProvider` (o, como excepción sólo para el sidebar, `env.enableApiAppSidebar`).

Categoría
Shell de aplicación
Fuente
components/layout/AppSidebar
Skill para agentes
—
Último cambio
2026-11-05

Importación

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

import { AppSidebar } from "@/design-system/components/layout/AppSidebar";

Ejemplos

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

Mobile sheet

API

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

Prompts

Reglas del DS y plantillas para pedirle este componente a un agente.

Relacionados

useAppSidebarRuntime

Runtime del AppSidebar: mega menú, conversaciones recientes y estado por API o mock.

Referencia
Sitios

Catálogo de sitios del tenant (modo mock o API) para el AppSidebar y las llamadas por sitio.

Referencia