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, slots 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.
v-breadcrumbs will disable all crumbs up to the current page in a nested paths. You can prevent this behavior by using
exact: true on each applicable breadcrumb in the
Breadcrumbs separator can be set using
Large breadcrumbs have larger font size.
# Icon Dividers
For the icon variant, breadcrumbs can use any icon in Material Design Icons.
You can use the
item slot to customize each breadcrumb.