Behive Tech Component Registry

Print Document

v0.1.0Draft

A printable book on US Letter pages: an optional cover, an optional contents page that links to each section, then one section per page. It is dumb on purpose: it lays out what it is given and knows nothing about where the text comes from.

pnpm add @behivetech/templates.print-document

Edit the code and the preview updates as you type. Every registry export is in scope — PrintDocument from this package, plus React hooks and every other component in the registry.

PlaygroundOpen in new tab
const BasicPrintDocument = () => (
  <PrintDocument
    cover={<h1>House guide</h1>}
    toc="Contents"
    runningTitle="The BEhive · House guide"
    sections={[
      {
        id: "wifi",
        title: "Wi-Fi",
        content: <p>Ask the owner for the network details.</p>,
      },
      {
        id: "trash",
        title: "Trash",
        content: <p>The bins go out on Tuesday evening.</p>,
      },
    ]}
  />
);

render(<BasicPrintDocument />);