The v-breadcrumbs component is a navigational helper for pages. It can accept a Material Icons icon or text characters as a divider. An array of objects can be passed to the items property of the component. Additionally, a scoped slot exists for more control of the breadcrumbs, either utilizing v-breadcrumbs-item or other custom markup.


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




Icon dividers

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

Item slot

You can use the scoped item slot to customize each breadcrumb.

Edit this page | language on Github