Stat Delta 1 - Stat with delta

Pro

shadcn stat component with a value and a positive or negative change versus the previous period.
Shadcn Stat Delta 1 component

Component data

ID
stat/stat-delta-1
Access
pro
Created
Sep 8, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Stat Delta 1 component design & features

This stat example uses the shadcn stat component with StatLabel, StatValue, and StatDelta. The trend prop sets the direction of the change, and the text states the comparison period.

Delta stats belong on admin dashboards where a headline number needs an immediate read of whether it moved up or down.