Pinging emerald dot next to a big count and an uppercase caption. Reads as a live realtime figure.
The import and the props worth knowing about, in one place.
import { Stats10 } from "@/components/beste/piece/stats10";
<Stats10
surface="card"
bordered={true}
inverted={false}
value="1,284"
label="Online now"
/>Live metric whose digits roll like an odometer each time the value changes, with a delta pill that pops in beside the number.
Large headline number with an uppercase label and an optional tiny hint line.
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
Gradient hero card with a huge headline number, uppercase label, and a short context caption.