New to Kendo UI for Angular? Start a free 30-day trial

Collapse Mode

To specify the way 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 its 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 greater 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
Change Theme:

In this article

Not finding the help you need?