These help users identify the page they are on via a linear pathway they have come. Users can navigate backward to the chosen page via the link element.
Anatomy
Anatomy summary lists and describes all the elements that exist within a component (including other components nested within).
Breadcrumbs are made up of three link elements. Each link is separated by a slash divider. An optional back arrow can be turned on at the start of the breadcrumb. The arrow cannot be used at any other level.
Breadcrumbs should not exceed a maximum of three links or page levels.
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| Level Variant | Level 1 | Level 2 | Level 3 | Level 1 |
| back arrow Boolean | true | false | false |
Help and support