KPI / Metric Card
KPI
A single metric with its change, as a card with a dot and delta, a plain card with a caption, or an inline value.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { StatCard } from "@wunderui/react"Examples
Style
Three ways to show one figure: with its trend, the value alone, or inline inside a sentence or table row.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Dashboard overview
A tab navigation, the KPI group and the cards below on one grid — the top of an analytics dashboard.