Components Timeline


Use the timeline component to show a linear record of what has happened.

The timeline component has only been researched on agent-facing services.

When to use this component

Use the timeline component when you need to show a history of information or events that can be followed in chronological order.

The timeline should show a brief overview of what has happened at each point and should not be used to give in-depth information.

When not to use this component

The timeline should not be used to include and show large amounts of information.

You should not use the timeline component if you need to let users know where they are in a journey.

How it works

The timeline should display information in chronological order, with the newest item appearing at the top of the timeline.

Each entry in the timeline should include:

  • a short title that clearly explains what happened
  • the name of who updated the timeline
  • the date and time it was updated

Research on this component

This component has been used on services across DWP, including:

  • Manage Bereavement Support Payment
  • Access to work
  • Prepare for Universal Credit
  • Support for mortgage interest
  • Apply for New Style Jobseeker's Allowance

The timeline has only been researched on agent-facing services. More research is needed on the component.

You can help to improve this pattern by:

Get in touch

If you’ve got a question, idea or suggestion share it in #design-system channel on Slack or email the Design System team on