Breadcrumbs are a secondary navigation component used to show a user's location in a hierarchical structure. They communicate the path a user has taken to the current page and offer a quick way to navigate back up the path.
Usage
Do’s
Use when the users location in a hierarchical structure is a useful piece of information to communicate to a user.
Dont’s
Don’t use when more appropriate navigation components are available.
Never use breadcrumbs to replace the main navigation on a page.
Anatomy
Item | Component type | Content type | Notes | |
|---|---|---|---|---|
1 | ||||
2 | ||||
3 |
Visual style
Breadcrumbs don’t have any variations or visual style options.
Editorial
Content editors may be given the option to define a ‘short’ version of the page title to be used in some navigational components. If this name has been defined then it should be used instead of the default page title.
Behaviour
n/a
Accessibility
n/a
Related components
Table of contents
A very brief description
Sitemap links
A very brief description