Nexub DSv0.0.2
Brand
Patterns · Data
Metric display card showing a KPI value, label, optional delta, and icon.
import { StatCard } from '@nexub/patterns';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| label | string | — | ✓ | Metric name label. |
| value | React.ReactNode | — | ✓ | Primary metric value. |
| delta | string | — | — | Change value (e.g. "+12.5%"). |
| deltaType | 'increase' | 'decrease' | 'neutral' | — | — | Semantic direction of the delta. |
| icon | React.ReactNode | — | — | Icon displayed in the card header. |
| description | string | — | — | Additional context below the value. |