DeltaChip

BetaRSC-safe

Puce de variation financière — direction up / down / flat dérivée automatiquement du signe de la valeur. Icône SVG inline optionnelle, tokens Aurora sémantiques, RSC-safe, CSS Modules.

import { DeltaChip } from "@lyra/tokens/components";

Playground

+12 340 $-850 $0 $+8.4 %-2.1 %

Démo interactive — réglages du playground (props ajustables en direct) à venir.

<DeltaChip
  value={12340}
  format={(n) => `+${n.toLocaleString("fr-CA")} $`}
  showIcon
  aria-label="Hausse de 12 340 $"
/>

Documentation

up
+12 340 $
down
-850 $
flat
0 $

value, format, direction, showIcon, aria-label

<DeltaChip
  value={12340}
  format={(n) => `+${n.toLocaleString("fr-CA")} $`}
  showIcon
  aria-label="Hausse de 12 340 $"
/>