Metric block — dense KPI band
A definition list bound into a single horizontal band. Each metric carries label, value, optional unit, and directional delta. Auto-wraps below 160px columns.
Production answer
Metric block — dense KPI band is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Metric block — dense KPI band states
Generative search brief
Metric block — dense KPI band: A definition list bound into a single horizontal band. Each metric carries label, value, optional unit, and directional delta. Auto-wraps below 160px columns.
- Jobs booked
- 38today+4
- Revenue
- A$14,820+8.2%
- Avg wait
- 26min-3 min
- Loaners out
- 14 / 18flat
- Active SKUs
- 2,148+34
- On backorder
- 36+8
- Avg lead time
- 9.4days-0.6
- Inventory value
- A$486k+2.1%
- Fill rate
- 97.2%+0.4pp
Usage
Use the metric block above tables or below dashboard cards to summarise figures without competing for hierarchy. Direction colours stay subdued for legibility.