Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

TonePill

Pill de estado de negocio por tono semántico (success, warning, danger, info, primary, neutral), con icono o punto. Reemplaza los mapas locales de clases de paleta.

Categoría
Feedback y estado
Fuente
components/ui/tone-pill
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 { TonePill } from "@/design-system/components/ui/tone-pill";

Ejemplos

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

Icon dot

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

StatusBadge

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

Componente
Badge

Etiqueta corta para categorías o conteos.

Componente