vic_logo

Breadcrumbs - Design System

Help your users locate themselves in your site.

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.

Reviewed 13 May 2019

Get support using SDP

Our community of practice for anyone with content on SDP meets once a month. 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 nicole.shilo@dpc.vic.gov.au

Was this page helpful?