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.
  • wrapItems are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.
  • noneAll 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:

In this article

Not finding the help you need?