data display
MetricsCard
Dashboard metric card with 6 layout variations, trends, and CTAs.
import { MetricsCard } from "@raydenui/ui"Interactive demo
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variation | "1" | "2" | "3" | "4" | "5" | "6" | "1" | Layout variation |
label | string | — | Metric label |
value | string | number | — | Metric value |
trendBadge | { label, trend } | — | Trend indicator |
statusBadge | { label, variant } | — | Status badge |