Skip to main content

Fictional example data. Every name, date and value on these pages is made up. No real patient information appears here.

StatusPill

Compact pill for status (success/warning/destructive) or provenance (ai/patient/clinical). Per the two-axis color rule, color encodes only one of these — never section type. Tone (subtle/strong) controls visual weight; subtle is the default and used inside content; strong reads as a banner accent.

Variants

tone=subtle, size=md
neutralsuccesswarningdestructiveaipatientclinical
tone=strong, size=md
neutralsuccesswarningdestructiveaipatientclinical
tone=subtle, size=sm
neutralsuccesswarningdestructiveaipatientclinical
leadingDot=true
neutralsuccesswarningdestructiveaipatientclinical

Real-world usage

HIGHLOWABNORMALresolvedactivepatient-reportedclinical recordAI-generated