Skip to content

Clinical citation

A record cited in the sentence that relies on it: a lab result, note, image or guideline, opening on hover or focus like shadcn's Inline Citation.

Sinus rhythm without ST changes, and high-sensitivity troponin below the 99th percentile on both samples.

Installation

bunx shadcn@4.22.1 add https://organui.com/r/clinical-citation.json

This adds components/ui/clinical-citation.tsx, built on shadcn's components in your project's Base UI or Radix style.

Usage

import { ClinicalCitation } from "@/components/ui/clinical-citation"

<p>
  Troponin below the 99th percentile
  <ClinicalCitation
    source={{
      id: "troponin",
      label: "Troponin",
      title: "Troponin I, high-sensitivity",
      kind: "Lab result",
      date: "Oct 21, 2026",
      detail: "18 ng/L at 0 hours, 21 ng/L at 3 hours.",
      href: "/patients/42/labs/troponin",
    }}
  />
  .
</p>

API Reference

Clinical citation props
PropDescription
source{ id, title, label?, kind?, date?, detail?, href? }. label is the chip's text; detail quotes the part relied on; href opens it in your record.

Notes

Built like shadcn's Inline Citation, from its Hover Card and Button: it opens on hover or keyboard focus.

Link to the record itself, not a copy, so the reviewer sees it as it is now.