Timeline - Design System

Short blocks of content shown in chronological order.


The timeline component is used to arrange short 'blocks' of information in a linear chronological format.

Each block of content can consist of a title, description, short summary and optional image.

Any number of blocks can be included, but the component performs best for around 3 to 8 total blocks per timeline.


A visual example of the timeline component.

How to build

The timeline component can be embedded on any content page.

Reviewed 13 May 2019

Get support using SDP

Our community of practice for anyone with content on SDP meets once every 2 months. We cover research, analytics, new features and more. You can also learn from how others are using the platform and get support to build new pages. To join or find out more contact

Was this page helpful?