Stat and metric display components.

Estadísticas básicas

1,234
Total de usuarios
$12,345
Ingresos
567
Pedidos
89%
Satisfacción

Estadísticas con tendencias

$847,392
Ingresos totales
+12.5%
24,583
Usuarios activos
-5.2%
3.47%
Tasa de conversión
0%

Estadísticas con iconos

1,234
Total de usuarios
$45,678
Ingresos
567
Pedidos
+12%
Crecimiento

Estadísticas destacadas

Ingresos totales
$847,392
+12.5%
Usuarios activos
24,583
-5.2%
Tasa de conversión
3.47%
0%

Escala de sentimiento de 5 pasos · v2.7.0

The hero delta scale grew from 3 (positive / negative / neutral) to 5 with the addition of very_positive and very_negative for outlier deltas. Neutral colour shifted from --pc-text-color-2 (grey) to --pc-neutral. Compare the five deltas side-by-side below.

ARR
$12.4M
+38.1% breakout
MRR
$847K
+12.5%
Latencia p95
148 ms
±0.7%
Abandono
2.4%
-5.2%
Gasto en la nube
$103K
-38% collapse

Estadísticas cuadradas

42
Tareas
18
%
Completado
7
Pendiente
3
Fallido

Estadísticas cuadradas — unidades mixtas · v2.6.0

v2.6.0 redesigned pa-stat--square so the decorative __symbol watermark sits inline with the big __number. Markup order alone drives visual order — pass is_prefix_symbol to render the symbol BEFORE the number for prefix currencies ($847K, ¥12.4M); leave it off for suffix units (87%, 23°C). Number font-size scales with the tile width via cqi (container-query inline-size), so a row of squares stays balanced regardless of grid breakpoint.

87
%
Finalización
23
°C
Temp. del servidor
$
847K
MRR
¥
12.4M
Ingresos en JPY

Estadísticas cuadradas — ajuste a caja + divulgación progresiva · v2.9.0-rc04

Opt into fit mode with is_fit on a variant="square" stat. It emits data-pa-stat-fit and wires the PureAdminStatFit hook (pa-stat-fit.js). The primary __number is sized to fill the tile at the largest font that still fits — never overflows, independent of character count (a pure-CSS cqi clamp can't guarantee that). A priority ladder reveals rows as the tile earns both width and height: __number (P0) → __symbol (P1) → __label (P2) → __change (P3) → __context (P4). Fit mode requires a height source on the tile (each tile below sets an explicit height).

Priority ladder — same content, growing box

Watch the tiers appear as each tile gets taller / wider. Smallest shows the number only; the largest reveals all five rows. The number always fits and stays maxed.

$ 847K
Ingresos mensuales
12.5% vs last month
Updated 2 min ago
$ 847K
Ingresos mensuales
12.5% vs last month
Updated 2 min ago
$ 847K
Ingresos mensuales
12.5% vs last month
Updated 2 min ago
$ 847K
Ingresos mensuales
12.5% vs last month
Updated 2 min ago
$ 847K
Ingresos mensuales
12.5% vs last month
Updated 2 min ago

Char-count independence — same box, different numbers

All four tiles are the same size. Each number fills its box at the max font that fits, whatever the character count.

1
Versión Res
92
Contratos
$ 847K
Ingresos
¥ 12.4M
Oficina de Tokio

Wide banner layout (pa-stat--fit-wide)

Once a fit tile is ≥ 32rem wide, pa-stat-fit.js toggles the pa-stat--fit-wide class and the tile flips to a horizontal banner — the number fills the left, the metadata stacks in a column to its right. This full-width tile is wide enough to trigger it; the narrow one above stacks vertically.

$ 847K
Ingresos mensuales
12.5% vs last month
Updated 2 min ago · FY2026 Q2

Tarjetas de estadísticas

87%
Tasa de finalización
94%
Satisfacción del cliente
62%
Cuota de mercado
78%
Capacidad del servidor

John Doe

Administrator

Configuración

Press Ctrl+K to preview the palette.
Sidebar
Display
Profile Panel
Body text size. All elements scale proportionally.
Comandos
🚀
Desplegar a entorno
Desplegar una rama a un entorno
g d
👤
Asignar a usuario
Asignar un elemento a un miembro del equipo
g a
🧭
Ir a la página
Navegar a una página
g g
🎨
Cambiar tema
Cambiar el tema visual
g t
Buscar
📦
Productos
Buscar productos
:products
📋
Pedidos
Buscar pedidos
:orders
👥
Usuarios
Buscar usuarios
:users
🧾
Facturas
Buscar facturas
:invoices