Document revision timeline with an emerald Current marker and connector rail down the left edge.
New here? Read the installation guide.
import { Legal14 } from "@/components/beste/piece/legal14";
<Legal14
docName="MSA-2026-0421"
versions={[
{
"label": "v4.2",
"author": "Beste Sözen",
"at": "Apr 23 · 14:12",
"note": "Counsel redline on indemnification",
"current": true
},
{
"label": "v4.1",
"author": "Kian Okafor",
"at": "Apr 21 · 10:02",
"note": "Updated pricing schedule"
},
{
"label": "v4.0",
"author": "Legal ops",
"at": "Apr 18 · 09:44",
"note": "Initial redline"
}
]}
/>Horizontal milestone rail with emerald past dots, a primary current halo, and muted future placeholders.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.
Clause redline view showing struck-through removed text in rose beside emerald added replacements.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.