data-display stat-card

Stat Card

KPI card with delta + sparkline.

$ ndui add stat-card

Component docs

KPI grid

Revenue (mtd)

$48,250

Orders

1,284

Refund rate

1.4%

Active users

9,412

Source

<noundry-stat-card label="Revenue (mtd)"
                   value="$48,250"
                   change="+18%"
                   change-direction="up"
                   icon="success" />
<noundry-stat-card label="Orders"
                   value="1,284"
                   change="+9%"
                   change-direction="up" />
<noundry-stat-card label="Refund rate"
                   value="1.4%"
                   change="-0.3%"
                   change-direction="down" />