Statistic
Un nombre qu'on lit d'un coup d'œil.
La tendance est un écart, pas une flèche : c'est le signe du nombre qui décide du sens et de la couleur. Une flèche passée en prop finit par pointer vers le haut sur une baisse.
Installation
bash
sia-ui add statisticOu par le paquet, sans rien copier :
tsx
import { Statistic } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* value | number | — | |
className | string | — | |
currency | string | XAF | |
format | "number" | "currency" | "percent" | number | |
label | ReactNode | — | |
locale | string | — | La langue du format. Par défaut, celle de la locale SIA. |
precision | number | — | |
prefix | ReactNode | — | |
suffix | ReactNode | — | |
trend | number | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.