health-timeline organism experimental A patient history timeline of visits, labs, prescriptions, and vaccines.
The width preview needs a screen wider than the chosen width — use a larger device (or a desktop browser) to see the desktop and tablet layouts.
Aug 5, 2026
Annual physical
Dr. Sarah Chen · all normal
Aug 5, 2026
Lipid panel
Cholesterol slightly elevated
Jul 2, 2026
Atorvastatin prescribed
20mg nightly
Apr 18, 2026
Flu vaccine
Administered at clinic
health/health-timelinename: "Health Timeline"
short_description: A patient history timeline of visits, labs, prescriptions, and vaccines.
long_visual_description: >
A vertical timeline of health events, each with a type-coloured icon, date, title, and
detail — visits, labs, prescriptions, and vaccines.
use_cases:
- Patient health history.
- Visits and events log.
- Medical record timeline.
- Care history overview.
- Chronological health record.
recommended_for:
- A chronological history of a patient's health events.
avoid_for:
- A dose schedule (use medication-schedule).
markets:
- Global
example_usage: >
List events newest-first with a type (visit/lab/rx/vaccine), title, and detail.
props:
events: The health events with date, type, title, and detail.
example_prompts:
- "Add a health history timeline of visits and labs."
- "Add a patient medical record timeline."
lifecycle: experimental
content_model: A chronological list of typed health events.
theming:
tokens_used:
- --color-on-surface
- --color-on-surface-muted
- --color-primary
- --color-info
- --color-success
- --color-warning
- --color-border
- --font-heading
editorial_guidance: >
Order newest-first; the type icon reinforces the event category, which is also in the title.
categorization:
category: Healthcare
subcategory: Records
atomic_type: organism
usage_type: [timeline, list-item]
maturity: ai-generated
wcag:
level: AA
notes: Uses an ordered list; the type icon is decorative with the category conveyed in the title text.
keyboard_support: "none"
seo_score: 40
text_direction: both
| Name | Type | Req |
|---|---|---|
| events | array | ✓ |