Stat card · Material
A KPI card with a metric label, a large value, a coloured change badge, a sparkline and a 7d/30d/90d range switcher.
Design · Material1 / 20
28 px filled card, tonal pill delta and a segmented-button range switcher with a tonal selected segment.
Motion
The value ticks up from zero with an ease-out curve and eases to the new figure when the range changes.
Accent
A KPI card with a metric label, a large value, a coloured change badge, a sparkline and a 7d/30d/90d range switcher.
kpimetricstatdashboardsparklinedeltaanalyticscard