Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

SectionCard

Tarjeta de sección con header homologado; bloque base de expedientes y dashboards.

Categoría
Datos y superficies
Fuente
components/ui/section-card
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 { SectionCard } from "@/design-system/components/ui/section-card";

Ejemplos

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

Action icon

Variants

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

SectionTableCard

Tabla embebida en un `SectionCard`, con selector de columnas opcional.

Patrón
ReadOnlySectionCard

Sección de sólo lectura con pares etiqueta/valor.

Patrón