Delta List Card
Compact card listing five metrics as ruled rows each with a tabular value and an up or down delta chip for a multi-metric movers panel.
Compact card listing five metrics as ruled rows each with a tabular value and an up or down delta chip for a multi-metric movers panel.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Delta List Card packs five business metrics into a single ruled card without column headers. Each row carries a label, a right-aligned value in tabular figures, and a delta chip with an arrow icon and the change. The shipped rows show Monthly recurring revenue at $48,210 up 4.1%, Active workspaces at 1,284 up 2.6%, Churn rate at 1.9% down 0.3pt, Avg seats per workspace at 6.2 up 0.4, and Open tickets at 37 up 9. A muted footer reads Calculated against the previous 30-day window.
Metrics are one typed const array with an up boolean that steers both the arrow direction and the text color. Down deltas use muted-foreground to signal they are trailing; up deltas use foreground.
Reach for this block in dashboard sidebars or overview panels where five to seven metrics need to share a card without the overhead of a table, replacing the metrics array with your calculated values and windows.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the business overview movers card. Other delta list uses:
Tip: keep the comparison window identical for every row; a mixed window list reads as five different facts with nothing to compare.