Skip to main
Digital experience guide

Timeline

When should I use the timeline block?

  • This block is useful for displaying date-ordered timelines, sequences of events or progression steps for an action plan.
  • Timeline block should be used when there is at least 3 significant milestones to be displayed.

What makes up the timeline block?

Each block can be made up of the following:

Item Requirements
Heading Optional
50 characters
Timeline items

Three or more

Item title

Mandatory
70 characters

Item image

Optional
1:1 ratio (square) minimum size of 2400px × 2400px

Item date

Optional

Item description

Up to 600 characters

Example

Timeline block example

Date or milestone

Date or milestone

1 July 2000

Description of event, date or milestone.

This section is WYSIWYG and can use text formatting, links and other styling elements.

This example uses both image and date elements for the timeline item.

Date or milestone

Date or milestone

Description of event, date or milestone.

This section is WYSIWYG and can use text formatting, links and other styling elements. 

This example uses image but no date element on the timeline item.

Date or milestone

Description of event, date or milestone.

This section is WYSIWYG and can use text formatting, links and other styling elements. 

This example uses no image or date elements for the timeline item.

Date or milestone

Description of event, date or milestone.

This section is WYSIWYG and can use text formatting, links and other styling elements. 

This example uses no image or date elements for the timeline item.