Breadcrumb location
Various location and alignment optionsHeader - Breadcrumb
Basic breadcrumb inside page header
Breadcrumb - Top Transparent
No border, background color and bigger padding
Breadcrumb - Bottom Transparent
No border, background color and bigger padding
Page title breadcrumb
Above or below page titleBreadcrumb - Top Condensed
Breadcrumb - Top Condensed Spaced
Breadcrumb - Bottom Condensed
Breadcrumb - Bottom Condensed Spaced
Breadcrumb component
Use breadcrumb as a stand alone componentBreadcrumb options
Optional styling and elementsComponents - Breadcrumb
Default breadcrumb styling
Components - Breadcrumb
Display helper text
Components - Breadcrumb
Breadcrumb list with
home icon only
Components - Breadcrumb
Breadcrumb list with icons
Components - Breadcrumb
Breadcrumb with icons only and a
tooltipComponents - Breadcrumb
Dash divider using
.breadcrumb-dash
Components - Breadcrumb
Arrows divider using
.breadcrumb-arrows
Components - Breadcrumb
Caret divider using
.breadcrumb-caret
Components - Breadcrumb
Arrow divider using
.breadcrumb-arrow
Components - Breadcrumb
Links with dropdown menu
Breadcrumb elements
Various elements that can be displayed in breadcrumb lineComponents - Breadcrumb
Breadcrumb line with single button
Components - Breadcrumb
Single button with icon
Components - Breadcrumb
Single button with icon
Components - Breadcrumb
Single button with icon only
Components - Breadcrumb
Breadcrumb line with button dropdown
Components - Breadcrumb
Button dropdown with icon and caret
Components - Breadcrumb
With single icon button dropdown
Components - Breadcrumb
Breadcrumb line buttons with badge
Breadcrumb colors
Light and solid color optionsComponents - Breadcrumb
Top breadcrumb with light background
Components - Breadcrumb
Top breadcrumb with solid background
