Headline value with a signed trend arrow, percentage, and period caption.
The import and the props worth knowing about, in one place.
import { Stats2 } from "@/components/beste/piece/stats2";
<Stats2
surface="card"
bordered={true}
inverted={false}
value="$48.2K"
delta={12.4}
period="vs last month"
/>Visits this month
vs. 1,142 last month
A compact metric card pairing a large figure with a signed change chip, a small bar history, and a comparison caption.
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.
Gradient hero card with a huge headline number, uppercase label, and a short context caption.