Circle UI

Patient Results Editor

BlockNote-powered editor with the patient results custom block family registered.

Start here when you need the BlockNote editor experience with all patient-results custom blocks already registered.

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-editor

Use this when

This is a composed surface. Prefer the parent block when you want the full pattern, and reach for the sub-parts only when you need to customize the composition.

Typical editor flow

  1. 1. Seed the editor with `createPatientResultsInitialContent` or your own saved BlockNote document.
  2. 2. Persist `editor.document` as the source of truth for the report.
  3. 3. Pass that same document into the web renderer or the PDF renderer so screen and export stay aligned.

Works With

Use the report renderer when you want a polished screen presentation of the same content.

Use the PDF renderer when the editor document needs to export as a report.

Dependencies

Registry

@blocks/diagnostic-interpretation-columns
@blocks/diagnostic-metric-donut-card
@blocks/diagnostic-metric-range-card
@blocks/diagnostic-metric-split-card
@blocks/diagnostic-metric-stat-card
@blocks/segment-muscle-analysis
@circle-ui/button
@circle-ui/utils

npm

@blocknote/core
@blocknote/shadcn

Source

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

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