Data display

KPI tile

A headline number with its label, change against the previous period and an optional sparkline: Revenue £48,620, Paid orders 41, AOV £1,186. Multi-currency tiles split the total by currency.

Live specimen

Lifted from the approved family page at build time; interact with it.

KPI tile

The dashboard row. A tile is a link to the page behind its number.

Revenue (30d)
£48,620
Up 12.6%vs previous 30 days
Orders
41paid
Up 7.9%vs previous 30 days
Avg order value
£1,186
Up 4.4%vs previous 30 days
Open tickets
7
Worse, +3vs 4 last week
Uses.dd-kpi.dd-delta.good|bad|flat.dd-spark--chart-1--chart-muted--r-card--e-1

from families/data-display/#kpi

KPI tile states

Default · hover · focus · error · loading · empty.

default
hover
focus
error
Revenue (30d)
—
ERP order book did not answer. Try again
loading
Revenue (30d)
empty
Revenue (30d)
£0
No paid orders in the last 30 days
Uses.dd-kpi.is-hover.dd-kpi.is-focus.dd-kpi.is-loading.dd-sk--focus-ring

from families/data-display/#kpi-states

Multi-currency KPI

GBP is the base. Each currency keeps its own amount, with the GBP value beside it.

Gross revenue
£48,620
Up 12.6%vs £43,180 previous 30 days
GBP 64%£31,050EUR 24%€13,420 ≈ £11,680USD 12%$7,580 ≈ £5,890
Converted at ECB rates, Today 06:00
Net revenue
£45,430
Up 11.8%after £1,780 refunds and £1,410 fees
Refunds
£1,780
Worse, +158%2 orders · vs £690
Uses.dd-split.dd-cur.dd-rate--chart-1--chart-2--chart-3.money

from families/data-display/#kpi-currency