Vertical learning path with done, current, and locked steps connected by a colored rail.
The import and the props worth knowing about, in one place.
import { Education7 } from "@/components/beste/piece/education7";
<Education7
steps={[
{
"title": "Foundations",
"status": "done"
},
{
"title": "Patterns & hooks",
"status": "done"
},
{
"title": "Performance tuning",
"status": "current"
},
{
"title": "Shipping at scale",
"status": "locked"
}
]}
bordered={false}
/>