Timeline Component

Patient record createdMay 9, 9:42 AM
MRN 001-4521 added by Dr. Chen.
Lab results uploadedMay 9, 11:15 AM
3 documents attached. Awaiting review.
Prescription flaggedMay 9, 2:08 PM
Drug interaction warning: ibuprofen + warfarin.
Sync to insurance failedMay 9, 4:30 PM
Insurance provider returned 503. Will retry in 5 minutes.
Discharge note savedMay 10, 8:21 AM
Initial draft saved by Nurse Martinez.

<Timeline Size="md">
    <TimelineItem Status="success"
                  Title="Patient record created"
                  Description="MRN 001-4521 added by Dr. Chen."
                  Timestamp="May 9, 9:42 AM" />

    <TimelineItem Status="warning"
                  Title="Prescription flagged"
                  Description="Drug interaction: ibuprofen + warfarin."
                  Timestamp="May 9, 2:08 PM" />

    <TimelineItem Status="error"
                  Title="Sync to insurance failed"
                  Description="Provider returned 503. Will retry."
                  Timestamp="May 9, 4:30 PM" />
</Timeline>

v1.2.32026-04-22
Patch release
v1.2.22026-04-15
Bug fixes
v1.2.12026-04-08
Bug fixes
v1.2.02026-04-01
New patient export feature

<Timeline Size="sm">
    <TimelineItem Status="neutral" Title="v1.2.3" Description="Patch release" Timestamp="2026-04-22" />
    <TimelineItem Status="neutral" Title="v1.2.2" Description="Bug fixes" Timestamp="2026-04-15" />
    <TimelineItem Status="success" Title="v1.2.0" Description="Patient export" Timestamp="2026-04-01" />
</Timeline>

Aiko Tanaka commented2 hours ago
Reviewed the chart — recommend follow-up in 6 weeks. Labs look stable.
Status changed to Active1 hour ago
Ben Carter replied32 minutes ago
Agreed. I'll schedule the follow-up.

<Timeline Size="lg">
    <TimelineItem Status="info" Title="Aiko Tanaka commented" Timestamp="2 hours ago">
        <Body>
            <div style="background: var(--bg-secondary); padding: var(--spacing-3); border-radius: var(--radius-md);">
                <p>Reviewed the chart — recommend follow-up in 6 weeks.</p>
            </div>
        </Body>
    </TimelineItem>
</Timeline>

Timeline

Audit trail — mixed statuses

Compact — sm size

Rich body — comment thread