Clinical research

Study Phase Badge

Readable labels for common interventional study phases.

Preview

Phase 1Phase 2Phase 3Phase 4
Dark theme preview
Phase 1Phase 2Phase 3Phase 4

Install

npx shadcn@latest add @organui/study-phase-badge

Register the namespace once with npx shadcn@latest registry add @organui=https://organui.com/r/{name}.json.

API

  • phase (required)
  • label
  • Badge props

Supported states

  • early-phase-1
  • phase-1
  • phase-2
  • phase-3
  • phase-4
  • not-applicable

Accessibility & safety

Visible labels carry meaning independently of color. Validate wording, thresholds, focus behavior, and clinical policy in your product context.