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.
The import and the props worth knowing about, in one place.
import { Stats19 } from "@/components/beste/piece/stats19";
<Stats19
caption="Last 30 days"
items={[
{
"label": "Revenue",
"value": "$128,400",
"delta": "+12.4%"
},
{
"label": "Signups",
"value": "1,284",
"delta": "+8.1%"
},
{
"label": "Churn",
"value": "2.1%",
"delta": "-0.4 pt"
},
{
"label": "NPS",
"value": "62",
"delta": "-3",
"negative": true
}
]}
/>Live metric whose digits roll like an odometer each time the value changes, with a delta pill that pops in beside the number.
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.
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.