Breadcrumbs
Breadcrumbs display the current page's location within a navigational hierarchy.
- Useful links:
StrataKit MUI modifications
Section titled “StrataKit MUI modifications”- Updated the examples to use
aria-currenton the current breadcrumb for improved accessibility.
Examples
Section titled “Examples”Buttons
Section titled “Buttons”Breadcrumb items are typically rendered as links. If a breadcrumb item triggers in-page navigation without changing the URL, the Button style may be more appropriate.
Truncation
Section titled “Truncation”When the full hierarchy does not fit, hide intermediate breadcrumb items and use a Popover to provide access to them.