npx shadcn add @cids/stat-cellNone.
This component declares no motion.
Brand chip remounts on tap · highlighted tokens are named in this component's doc · spring is budgeted to human feedback only.
import { StatCell, PriceChange, RollingNumber } from "@/design-system";
<StatCell label="Market cap" value="$1.09B" />
<StatCell label="Price" value={<RollingNumber value="$184.26" />} change={<PriceChange value={3.6} />} />Resolves in the active theme — flip the toggle above to verify.
--space-1--cell-pxLabel-over-value stat block; padding and type ride the density tokens.
MARKET CAP <- 10px uppercase fg-muted $1.09B ▲ +3.60% <- data-md value + optional delta
| Prop | Type | Default | Notes |
|---|---|---|---|
label | string | -- | Uppercase micro-label. |
value | ReactNode | -- | Pre-formatted figure or RollingNumber. |
change | ReactNode | -- | Pass a PriceChange to keep sign discipline. |
className | string | -- | cn-merged. |
None.
Self-contained: copy the folder into any Tailwind+React app, or use the install command above. Docs and this page render the same file on disk — they cannot drift.