Components
Breadcrumbs
- Overview
- Usage
Overview
Principles
Breadcrumbs are placed in the top left portion of the page. They sit underneath the header and navigation, but above the page title.
The breadcrumbs should start with your ‘home’ page and end with the parent section of the current page.
On mobile devices breadcrumbs may be configured to only show the first and last items.
To do this, add a tds-breadcrumbs--collapse-on-mobile class to the outer <div>
element of the component source.