Timeline

A vertical sequence of dated milestones, used to show chronology and progression.

Usage
  • Give each TimelineItem a date, a title, and a line of detail
  • Order items oldest first, or newest first for a changelog
Implementation

Composes the Stack component, a connecting line and dots mark each milestone.

Caveats

The line and dots are decorative and hidden from assistive tech; the dates carry the order.