Breadcrumb Collapse Modes

Updated on Sep 10, 2026

You can specify how the Breadcrumb items are visualized when their total width exceeds the width of the component through the CollapseMode attribute of the Breadcrumb. It takes a member of the BreadcrumbCollapseMode enum and provides the following options:

• Auto (default) - Items are automatically collapsed based on the width of the Breadcrumb. The first and last item always remain visible.

• Wrap — Items are wrapped on multiple rows.

• None — All items are expanded on a single row and a horizontal scrollbar will appear if needed.

Set the Breadcrumb CollapseMode to Wrap

Example

View Source

Loading ...

See Also

• Live Demo: Breadcrumb Collapse Modes