componente · @solu30/ui-kit/display
StatCard
El componente, montado
Cargando el espécimen…
Cargando el chunk del paquete instalado…
De dónde se importa
import { StatCard } from '@solu30/ui-kit/display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| icon | sí | React.ComponentType<{ | Icon component |
| className | opcional | string | — |
| iconColor | opcional | string | Icon CSS color |
| iconBg | opcional | string | Icon background CSS color/class |
| title | sí | string | Card title |
| value | sí | ReactNode | Main value (number or string) |
| description | opcional | string | Description text below value |
| trend | opcional | { | Trend indicator |
| value | sí | number | — |
| label | opcional | string | — |
| direction | sí | "up" | "down" | — |
| className | opcional | string | — |