Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

Defaults de componentes

Defaults para todo el host que `WDSProvider` publica con `componentDefaults`: `avatar` (`shape: square | circle`, square por defecto), `datePicker`, `fullTable` (p. ej. `columnsLabel`, `hideQuickFilterColumnsInAdvanced`), `hierarchyTable` (`columnsLabel`) y `operationFeedback` (p. ej. `errorToastDuration`, 8000 ms por default). Cada componente los lee con `useComponentDefaults` y una prop explícita siempre gana.

Categoría
Providers y contextos
Fuente
contexts/ComponentDefaults/ComponentDefaults.context
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 { useComponentDefaults, WDSComponentDefaultsContext } from "@/design-system/contexts/ComponentDefaults/ComponentDefaults.context";

API

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

Guía de uso

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

Relacionados

WDSProvider

Provider raíz del DS. Monta auth, configuración, theme, tooltips, sitios, feature toggles, permisos, Toaster y el provider de SideCanvas (el panel `<SideCanvas />` lo monta el host o `AppShell`); recibe `authAdapter`, `env`, `theme`, `permissions` y `componentDefaults`.

Referencia
FullTable

Listado de directorio y consulta masiva con búsqueda, filtros, tabs, orden, vistas, paginación y selección.

Patrón
HierarchyTable

Tabla de árbol (organigramas, niveles) con expandir/colapsar, columna sticky y agregados por nodo.

Patrón
DatePicker

Selector de fecha con popover de calendario y formato local.

Componente
Avatar

Identidad con foto o iniciales: hereda componentDefaults.avatar.shape (square por defecto). Conserva el fallback primario; los overrides de color requieren motivo y contraste verificado.

Componente