The timeline is used to display a series of events that happen over a period of time. Typically we use it to display a course syllabus.


Syllabus Timeline Mobile
Syllabus Timeline Closed


This molecule is comprised of a vertical line and highlighted points to indicate time, plus a content container that which can (but does not have to) feature a Timeline Card. In effect it the Timeline is an unordered list.

The content container can include any relevant content, such as Timeline Card, body copy and lists. Optionally each container can be toggled open to show further sub-content.

Added by: