Studiov1.2.3
Studio/Patterns/Timeline

Timeline

Content

Vertical chronological event list with date markers, titles, and descriptions. Used for project phases, changelogs, or historical records.

All patterns
timeline
Reusable pane preview
Use Cases
  • Project phase progression (PRT 4 phases)
  • Changelog / release history
  • Customer interaction history
  • Stewardship loop visualization
Do
  • Show dates consistently (relative or absolute, not mixed)
  • Use color-coded indicators for event types
  • Keep descriptions to 1-2 lines
  • Most recent event first (reverse chronological)
Avoid
  • Show more than 20 events without pagination or virtual scroll
  • Use timeline for non-chronological data
  • Mix different date formats in the same timeline
  • Place heavy content (images, charts) inline in timeline items
Reference component: TimelineVariants: 2Token bindings: 5