Collapse Modes
To specify how the Breadcrumb items are visualized when their total width is larger than the width of the component, use the collapseMode
property.
The Breadcrumb supports the following options for setting the collapse mode:
auto
(default)—Items are automatically collapsed based on the width of the Breadcrumb. First and last item always remain visible.wrap
—Items are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.none
—All items are expanded on the same row. This scenario is useful when the Breadcrumb needs to be scrolled.
Example
View Source
Edit In Stackblitz
Change Theme: