Breadcrumbs
Secondary navigation that allows users to understand where they are located within a site.
Designs:
- Design System
- Pre-release: Mobile | Desktop
To use Breadcrumbs:
- Click the Layout tab at the top of your page
- Scroll to the location on the page where you want to add the breadcrumbs (usually the bottom of the Header section).
- Click Add block
- In the sidebar, expand All system blocks
- Search for “Breadcrumbs” or scroll to System > Breadcrumbs
- Click on Breadcrumbs
Fill in the content fields:
- Title (required): For administrative use only. Uncheck Display title.
Then save the block:
- Click Add block in the editing pane.
- Save and publish your changes.
Note:
The Breadcrumbs block may not show the correct path while editing the page layout, but it will display properly for viewers.Last modified June 12, 2023: DS-506 DS-674 docs: Add Design System links to all components (1e9b44709)