Live metric whose digits roll like an odometer each time the value changes, with a delta pill that pops in beside the number.
The import and the props worth knowing about, in one place.
import { Stats18 } from "@/components/beste/piece/stats18";
<Stats18
label="Active listeners"
values={[
24810,
24893,
24871,
24962,
25040,
24988
]}
caption="Updating every few seconds"
tone="emerald"
/>Pinging emerald dot next to a big count and an uppercase caption. Reads as a live realtime figure.
Single-row stat card that flips through revenue, signups, churn and NPS like a departure board, each row sliding up and out as the next one rises in with its delta pill.
Support Queue
A headline count with a trend note, a tick-segmented progress bar, and a dotted legend breaking the total into stages.
Large headline number with an uppercase label and an optional tiny hint line.