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
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
}
]}
bordered={false}
/>