Breadcrumbs
Use GdsBreadcrumbs to show the user’s location in a hierarchy and provide links back to parent pages. It wraps MUI Breadcrumbs with GDS inactive colors, separator styling, and collapsed breadcrumb tokens.
Default
Separator
The default separator is text (/). Use the separator prop for an icon separator.
Collapsed
Use MUI’s maxItems, itemsBeforeCollapse, and itemsAfterCollapse props for collapsed breadcrumbs.
With Icon
Breadcrumb links can include a small GDS icon when the design calls for it.
Props
External references
For the full and always up-to-date props, use the MUI references below.