StatCard
Un indicateur, dans une carte.
L'assemblage d'une Card et d'un Statistic — la forme qu'ils prennent presque toujours ensemble, et qu'il serait fastidieux de recomposer à chaque tableau de bord.
Installation
bash
sia-ui add stat-cardOu par le paquet, sans rien copier :
tsx
import { StatCard } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
action | ReactNode | — | |
cardBodyProps | Partial<Omit<CardBodyProps, "children">> | — | Les props du CardBody, sans children, rempli par l'indicateur. |
cardProps | Partial<Omit<CardProps, "children">> | — | Les props de la Card qui entoure l'indicateur — un id, un aria-label, un gestionnaire de clic. Sans children : le contenu est celui de l'indicateur. className s'ajoute à celui de la carte. |
description | ReactNode | — | |
icon | ReactNode | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.