Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal21 } from "@/components/beste/piece/legal21";
<Legal21
title="Engagement deliverables"
items={[
{
"label": "Regulatory filings · Q2",
"due": "Due May 12",
"status": "in-progress"
},
{
"label": "Board resolutions package",
"due": "Due May 3",
"status": "overdue"
},
{
"label": "Closing memo",
"due": "Delivered Apr 18",
"status": "delivered"
}
]}
/>Due-diligence folder list with amber open tiles, rose locked tiles, and a Restricted pill on gated rows.
E-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.
Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
Upcoming-hearing card with an amber landmark tile, date and courtroom rows, and an appearance-type pill.