Store

For Enterprise

By default, breadcrumbs use a text divider. This can be any string.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Large breadcrumbs have larger font size.

Breadcrumbs separator can be set using divider property.

For the icon variant, breadcrumbs can use any icon in Material Design Icons.

You can use the item slot to customize each breadcrumb.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!