Content components

Usage

Breadcrumbs provide users with a pathway back to the parent pages of a page they are viewing. This helps the user orient themselves in the site, as well as navigate 'back' if they become lost.

Breadcrumbs are displayed under the main menu at the top of each page.

Example

With and without hover state

A visual example of breadcrumbs.

How to build

Breadcrumbs automatically display on all pages (other than the homepage of your site).

The format of the breadcrumbs is informed by the structure of your site's main menu.

Introduction Text
Help your users locate themselves in your site.
Topic
Secondary Campaign
55
Show Contact Us?
Off
Show Site-section Navigation?
On
Show topic term and tags?
On
Site-section Navigation Title
Design System
Background Colour
White
Was this page helpful?