Timeline

Purpose

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.

Example

Syllabus Timeline Mobile
Syllabus Timeline Closed

Elements

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: