LivePulse
StableRSC-safeIndicateur métrique live : point plasma + valeur + trend. Glow pulsé disponible. Primitive générique d'affichage de métrique pour toute la suite.
import { LivePulse } from "@lyra/tokens/components";Playground
847 230 $
▲+12 340 $
3 recommandations
2 340 $ / 3 000 $
—78%
+8.4%
▲+2.1% vs mois dernier
22.40 $
▼-0.85 $
Abonnements +34%
▼
Démo interactive — réglages du playground (props ajustables en direct) à venir.
<LivePulse
label="Rendement YTD"
value="+8.4%"
trend="up"
delta="+2.1% vs mois dernier"
color="cyan"
/>Documentation
- trend=up+8.4%▲
- trend=down-2.1%▼
- trend=neutral0.0%
label, value, trend, delta, color<LivePulse
label="Rendement YTD"
value="+8.4%"
trend="up"
delta="+2.1% vs mois dernier"
color="cyan"
/>- aria-label obligatoire — décrit la métrique et sa valeur pour les lecteurs d'écran.
- Point pulsé = purement décoratif, aria-hidden.
- Couleur de trend accompagnée d'une icône (flèche) — WCAG 1.4.1.
- Animation pulse : respecte prefers-reduced-motion (désactivée si réduite).