Breadcrumbs

lightning:breadcrumbs

A hierarchy path of the page you're currently visiting within the website or app.

For Aura components only. For LWC development, use lightning-breadcrumbs.

For Use In

Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out (Beta), Standalone Lightning App, Mobile Offline

A lightning:breadcrumbs component is an ordered list that displays the path of a page and helps you navigate back to the parent. Each breadcrumb item is represented by a lightning:breadcrumb component. Breadcrumbs are actionable and separated by a greater-than sign.

This component implements styling from breadcrumbs in the Lightning Design System.

For more information, see lightning:breadcrumb.

lightning:breadcrumbs renders with role="navigation", which is a landmark role that enables screen readers to provide keyboard navigation to the links on the breadcrumbs. The aria-label="Breadcrumbs" also informs screen readers the navigation type. Screen readers read both the role and the label description.

If your page includes another navigation landmark besides the breadcrumbs, you can use a different label for the other navigation landmark. Updating the aria-label property on lightning:breadcrumbs is currently not supported.

The last breadcrumb item usually corresponds to the current page a user is viewing. This breadcrumb item renders with aria-current="page", which is announced by the screen reader as the current page within a set of navigation links.