Deliverables Ledger

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/feature/feature24.tsx instead.

Usage

The file also exports feature24Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Feature24, feature24Demo } from "@/components/blocks/feature/feature24";

export default function Page() {
  return <Feature24 {...feature24Demo} />;
}

Props

Types

interface Feature24Track {
  title: string;
  summary: string;
  items: string[];
}

Behavior notes

• Purely presentational, there is no click or hover state anywhere in this block.
• Columns are divided by a vertical rule from the sm breakpoint up (CSS divide utilities) and stack full-width on mobile.
• Each deliverable item gets its own dashed bottom rule except the last item in a column, forming the dotted-rule inventory look.
• The closing call to action renders as a real Next.js Link via the Button component's render prop; it defaults to "#" until a real href is supplied.