Ingot Stats
A stats band stamped like a steel plate: four big tabular numerals counting up via Tally digit drums on scroll into view, hairline amber dividers between stats, quiet labels beneath, and subtle top/bottom plate borders. Responsive 2-up to 4-up row.
csspro
Pro
The preview is live. The source is Pro.
One purchase, lifetime access: every pro component's source, CLI install with your own registry token, and all future drops.
Installation
CLI
npx shadcn@latest add @crucible/ingot-statsProps
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | Optional heading rendered as an h2 above the band. Omitted by default. | |
| stats | IngotStat[] | the four Forgewright stats | Statistics rendered across the band. |
| animate | boolean | true | Animate numerals with a Tally count-up when they enter the viewport. Set false to render the final values statically. (Under reduced motion Tally shows final values immediately on its own.) |
Also accepts all props of React.ComponentPropsWithoutRef<"section"> — they pass through to the underlying element. | |||
Honors prefers-reduced-motion with a designed static fallback, and passes className through.