Horizontal milestone tracker with tone-filled done checks, a ringed current step, and muted pending steps.
The import and the props worth knowing about, in one place.
import { Dashboard26 } from "@/components/beste/piece/dashboard26";
<Dashboard26
surface="card"
bordered={false}
inverted={false}
heading="Milestones"
steps={[
{
"label": "Design"
},
{
"label": "Build"
},
{
"label": "QA"
},
{
"label": "Launch"
}
]}
current={2}
tone="primary"
/>