Deliverables List

Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.

Engagement deliverables

Regulatory filings · Q2Due May 12

In progress

Board resolutions packageDue May 3

Overdue

Closing memoDelivered Apr 18

Delivered

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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"
    }
  ]}
/>