Circle UI

Patient Results PDF

React PDF document renderer and block companions for the patient results component family.

Start here when you need React PDF output from the same patient-results document model used by the editor and screen report components.

Preview and code

Loading preview...

Install

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @blocks/patient-results-pdf

Use this when

This is the export companion, not the editing surface. Pair it with `patient-results-editor` for authoring and `patient-results-report` for browser rendering.

Typical export flow

  1. 1. Keep the BlockNote document as the source of truth while editing.
  2. 2. Choose the matching preset id so the PDF renderer knows how to map the document back onto the report structure.
  3. 3. Render `PatientResultsPdfDocumentFromEditor` with `@react-pdf/renderer` to create the final file.

Works With

patient-results-editor

Provides the editable BlockNote document that feeds the PDF export.

patient-results-report

Provides the browser-side companion so screen and export can stay in sync.

patient-results-blocks

Install this umbrella entry if you want the whole stack together.

Example

import { pdf } from "@react-pdf/renderer";
import { PatientResultsPdfDocumentFromEditor } from "@/registry/berlin/blocks/patient-results-pdf";

const blob = await pdf(
  <PatientResultsPdfDocumentFromEditor
    presetId="vns-report"
    document={editor.document}
    dateLabel="29.04.2026"
  />,
).toBlob();

Dependencies

Registry

@blocks/patient-results-presets
@blocks/patient-results-types

Source

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/blocks/patient-results/pdf/patient-results-pdf.tsx
pnpm dlx shadcn@latest add https://registry.circle.health/blocks/patient-results-pdf.json
Open /blocks/patient-results-pdf.json