Tarjeta de KPI numérico con tendencia, icono y metadata; `KpiGrid` para la grilla.
components/patterns/kpi-cardimport { KpiCard, KpiGrid } from "@/design-system/components/patterns/kpi-card";Enfoque con mayor peso visual para lectura de valor principal y tendencia.
1,248
Headcount cubierto
27
Vacantes abiertas
18 dias
Time to fill
Lectura compacta para strips resumen o cabeceras de seccion con alta densidad.
94%
SLA onboarding
312
Solicitudes activas
71%
Adopcion autoservicio
Para abrir una vista con numeros ancla y dar contexto rapido antes de tablas, activity feeds o workspaces operativos.
Ritmo tipografico, contraste de metadata, lectura de tendencia y diferencias visuales entre stacked e inline en paralelo.
Se muestran varias variantes en la misma vista para comparar rapidamente sin interaccion adicional.
Tarjeta de indicador genérica. Replica el bloque "Indicadores" del dashboard Core RH.
1,247
Headcount Total
1,310
Plantilla Autorizada
4
Razones Sociales
2.4%
Rotación Último Mes
12
Altas Esta Semana
5
Bajas Esta Semana
42
Sin icono
100
Sin trend
7
Mínima
$1,234,567.89
Valor largo
28
Atributos activos
91%
Cobertura por puesto
318
Personal en turno
Haz click en una tarjeta clicable.