Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

StatusBadge

Badge de estatus de colaborador (activo, onboarding, incapacidad, baja…) con color y etiqueta predefinidos por estatus.

Categoría
Feedback y estado
Fuente
components/ui/status-badge
Skill para agentes
—
Último cambio
2026-11-09

Importación

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

import { StatusBadge } from "@/design-system/components/ui/status-badge";

Ejemplos

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

Custom label

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.