Support Queue
A headline count over a tick-segmented progress bar, with a dotted legend breaking the total into stages.
The import and the props worth knowing about, in one place.
import { Stats14 } from "@/components/beste/piece/stats14";
<Stats14
surface="card"
bordered={false}
inverted={false}
title="Support Queue"
value="1,284"
segments={[
{
"label": "New",
"value": 420,
"tone": "emerald"
},
{
"label": "Active",
"value": 610,
"tone": "amber"
},
{
"label": "On hold",
"value": 254,
"tone": "muted"
}
]}
/>