Patient Results Editor

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

Loading preview...

Installation

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

New to Circle? Get started.

About

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

Usage

import { PatientResultsEditor } from "@circle/ui";

<PatientResultsEditor />

Typical editor flow

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

Works with

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

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