Componentes

Datos

Stat

Métrica/KPI con delta y tendencia.

Métricas en tarjetas (Stat suelto + Card)

Vista previa

MRR

$1.2M

12.5%vs mes anterior

Clientes

312

Churn

2.1%

0.4%vs mes anterior

<Card>
  <Stat
    label="MRR"
    value="$1.2M"
    info="Ingreso recurrente mensual normalizado."
    delta={{ value: "12.5%", trend: "up" }}
    deltaVariant="badge"
    description="vs mes anterior"
  />
</Card>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

MRR

$1.2M

12.5%vs mes anterior

Clientes

312

Churn

2.1%

0.4%vs mes anterior

Editorial · claro

MRR

$1.2M

12.5%vs mes anterior

Clientes

312

Churn

2.1%

0.4%vs mes anterior

Technical · oscuro

MRR

$1.2M

12.5%vs mes anterior

Clientes

312

Churn

2.1%

0.4%vs mes anterior

Warm · claro

MRR

$1.2M

12.5%vs mes anterior

Clientes

312

Churn

2.1%

0.4%vs mes anterior

Playful · claro

MRR

$1.2M

12.5%vs mes anterior

Clientes

312

Churn

2.1%

0.4%vs mes anterior