Quarterly roadmap strip with ringed milestone dots spaced along a rail and labels underneath.
The import and the props worth knowing about, in one place.
import { Calendar28 } from "@/components/beste/piece/calendar28";
<Calendar28
quarter="Q2 roadmap"
milestones={[
{
"label": "Kickoff",
"when": "Apr 01"
},
{
"label": "Beta",
"when": "May 27"
},
{
"label": "GA launch",
"when": "Jun 17"
}
]}
bordered={false}
/>