# 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`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/breadcrumbcomponent#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.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/navigation/breadcrumb/collapse_mode/source.txt)

## Suggested Links

* [API Reference of the Breadcrumb Component](https://www.telerik.com/kendo-angular-ui/components/navigation/api/breadcrumbcomponent)
* [BreadCrumbCollapseMode](https://www.telerik.com/kendo-angular-ui/components/navigation/api/breadcrumbcollapsemode)