Breadcrumbs
Show where a page sits in the admin. Muted links, a light separator and the current page in dark text.
Basic
.breadcrumb
One level
Two levels
Three levels
Separators
.breadcrumb-arrow · .breadcrumb-dot
Slash (default)
Arrow
.breadcrumb-arrow
Dot .breadcrumb-dot
Icons & Size
.breadcrumb-home · .breadcrumb-sm
Home as an icon — keep an
aria-label
Icon before each section
Small .breadcrumb-sm — cards, side panels
Long Trails
.breadcrumb-more · .breadcrumb-truncate
Middle levels collapsed into a menu
Long title on one line
.breadcrumb-truncate