Deliverables Ledger

Feature245: Deliverables Ledger

Scope section that answers the only question clients actually ask: what arrives at the end. Three ruled columns each carry a track title, a one-line summary and a dotted-rule inventory of deliverables, with a caveat note and a pill CTA closing the block.

Installation

Swap YOUR_EMAIL and YOUR_KEY for the email and license key on your account. Find your license key on your account page.

Radix flavor

npx shadcn add "https://ui.beste.co/r/feature245?email=YOUR_EMAIL&license_key=YOUR_KEY"

Base UI flavor

npx shadcn add "https://ui.beste.co/r-base/feature245?email=YOUR_EMAIL&license_key=YOUR_KEY"

This installs the block to components/beste/block/feature245.tsx plus the badge7 eyebrow and button12 pill button it uses.

Quick start

The installed file exports feature245Demo alongside the block: the exact props behind the preview above. Spread it to get a working scope section in one line.

import { Feature245, feature245Demo } from "@/components/beste/block/feature245";

export default function Page() {
  return <Feature245 {...feature245Demo} />;
}

Then replace the demo with your own props. Written out, a trimmed setup looks like this:

import { Feature245 } from "@/components/beste/block/feature245";

export default function Page() {
  return (
    <Feature245
      badge={{ label: "What you get" }}
      heading="Everything that leaves the studio, listed before we start."
      description="The full inventory of files, systems and documents."
      groups={[
        {
          title: "Identity",
          summary: "The mark and the rules that keep it honest.",
          items: ["Primary and reduced wordmark", "Type system with licensing sorted"],
        },
      ]}
      button={{ label: "Request the full scope", href: "/scope" }}
      labels={{ note: "Tracks can be booked separately." }}
    />
  );
}

Props

type DeliverableGroup = {
  title: string;
  summary: string;
  items: string[];
};

type ActionButton = {
  label: string;
  href: string;
};

type Feature245Labels = {
  note?: string;
};

Behavior notes

• Deliverables are plain strings, not objects, because the list is an inventory rather than a feature grid: nothing here needs an icon, a link or a description of its own.
• Each item sits on a border-t border-dotted rule, which reads as a lighter tier than the solid rule closing the column and keeps a twelve-item list from turning into a boxed table.
• Columns are independent, so groups with different item counts simply end at different heights instead of forcing an equalised card.
• The closing note and CTA share one border-t row with justify-between, and wrap onto separate lines below sm.
• Group titles render as h3 under the section h2, so a page with several of these blocks keeps a valid heading outline.