AmountDisplay
Un montant, lisible d'un coup d'œil.
Le signe est porté par la mise en forme et non par le nombre : un débit de 12 000 francs s'écrit « -12 000 F CFA », jamais « 12 000 F CFA » en rouge seul. La couleur peut manquer — un daltonien, une impression en noir et blanc — le signe, lui, reste.
Installation
bash
sia-ui add amount-displayOu par le paquet, sans rien copier :
tsx
import { AmountDisplay } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* value | number | — | |
className | string | — | |
currency | string | XAF | |
label | ReactNode | — | |
locale | string | — | |
secondary | ReactNode | — | |
sign | "auto" | "always" | auto | |
tone | ComponentTone | neutral |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.