Status
PublishedElement can be used in production | |
PublishedElement can be used in production | |
Angular | In backlogElement is in backlog |
React | In backlogElement is in backlog |
Documentation | PublishedElement can be used in production |
A breadcrumb is a type of contextual navigation that shows a user’s position within the hierarchy of a site and allows them to navigate back through the site’s levels.
PublishedElement can be used in production | |
PublishedElement can be used in production | |
Angular | In backlogElement is in backlog |
React | In backlogElement is in backlog |
Documentation | PublishedElement can be used in production |
Breadcrumb has been updated for the Dell Design System v2 with a new color palette and accessibility enhancements. The font ramp and text color have also been updated to reflect new foundational styles. In addition, variants for mobile breadcrumbs and truncation have been added.
A breadcrumb trail is composed of four main elements.
To optimize for smaller views on XS (extra small) or S (small) grids, abbreviate the full breadcrumb trail to show the previous page link, along with a back arrow. Note that this component is automatically coded to truncate after three levels.
For smaller breakpoints, a previous page link appears with a back arrow.