dta.gov.au

The .gov.au means it’s official

Australian government websites always use a .gov.au domain. Before sharing sensitive information online, make sure you’re on a .gov.au site by inspecting your browser’s address (or 'location') bar.

This site is secure.

The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Breadcrumbs

v3.0.2

Breadcrumbs are a navigational aid that display a user's location on a website as a row of links, usually located at the top of the page.

Default

Breadcrumbs show users where they are in the website hierarchy and how to navigate back/up to previous levels or content.

Example

<!--
  Light:  <nav class="au-breadcrumbs" aria-label="breadcrumb">
  Dark:   <nav class="au-breadcrumbs au-breadcrumbs--dark" aria-label="breadcrumb">
-->

<nav class="au-breadcrumbs" aria-label="breadcrumb">
  <ul class="au-link-list au-link-list--inline">
    <li><a href="#">Home</a></li>
    <li><a href="#">Parent</a></li>
    <li>Current page</li>
  </ul>
</nav>
/*
  Light:  <AUbreadcrumbs>
  Dark:   <AUbreadcrumbs dark>
*/

import AUbreadcrumbs from '@gov.au/breadcrumbs';

<AUbreadcrumbs label="Breadcrumb for this page"
  items={[
    {
      link: '#',
      text: 'Home',
    },
    {
      link: '#',
      text: 'Parent',
    },
    {
      text: 'Current page',
    },
  ]}
/>