Componentes
Blocks

StatsSection

Banda de métricas tipográficas.

Banda de métricas

Vista previa

Resultados que hablan solos

99.9%
Uptime
Últimos 12 meses
+120
Componentes
Listos para producción
4
Temas
Combinables y extensibles
0
CSS en runtime
Solo tokens y Tailwind
import { StatsSection } from "@eidondev/acme-ui/blocks";

// NO es el Stat de dashboard (ese lleva deltas); esto es puro display.
<StatsSection
  title="Resultados que hablan solos"
  tone="contrast"
  items={[
    { value: "99.9%", label: "Uptime", description: "Últimos 12 meses" },
    { value: "+120", label: "Componentes" },
  ]}
/>

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

Resultados que hablan solos

99.9%
Uptime
Últimos 12 meses
+120
Componentes
Listos para producción
4
Temas
Combinables y extensibles
0
CSS en runtime
Solo tokens y Tailwind
Editorial · claro

Resultados que hablan solos

99.9%
Uptime
Últimos 12 meses
+120
Componentes
Listos para producción
4
Temas
Combinables y extensibles
0
CSS en runtime
Solo tokens y Tailwind
Technical · oscuro

Resultados que hablan solos

99.9%
Uptime
Últimos 12 meses
+120
Componentes
Listos para producción
4
Temas
Combinables y extensibles
0
CSS en runtime
Solo tokens y Tailwind
Warm · claro

Resultados que hablan solos

99.9%
Uptime
Últimos 12 meses
+120
Componentes
Listos para producción
4
Temas
Combinables y extensibles
0
CSS en runtime
Solo tokens y Tailwind
Playful · claro

Resultados que hablan solos

99.9%
Uptime
Últimos 12 meses
+120
Componentes
Listos para producción
4
Temas
Combinables y extensibles
0
CSS en runtime
Solo tokens y Tailwind