Horizontal milestone rail with emerald past dots, a primary current halo, and muted future placeholders.
New here? Read the installation guide.
import { Legal17 } from "@/components/beste/piece/legal17";
<Legal17
heading="Agreement lifecycle"
milestones={[
{
"label": "Effective date",
"date": "May 1, 2026",
"status": "past"
},
{
"label": "First renewal",
"date": "May 1, 2027",
"status": "current"
},
{
"label": "Term end",
"date": "May 1, 2029",
"status": "future"
}
]}
/>Document revision timeline with an emerald Current marker and connector rail down the left edge.
Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.