Beta

This is a new service and pages are being tested and improved.

Overview

The back to top component provides users with a quick way to return to the top of long pages.

It appears as a floating button when users scroll down the page, allowing them to jump back to the beginning without manually scrolling through all the content they’ve already viewed.

Use it to help users navigate back to the top of long pages.

Example

A teal circular icon with an upward arrow next to the text ‘Back to top,’ which is underlined.

When to use

Use the back to top component on every page.

When not to use

You can consider not using the back to top component when:

  • pages are designed to fill the viewport without scrolling
  • content is short enough that users can easily scroll back to the top manually
  • the page is already scrolled to the top
Back to top