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
Prepend content with the
To customize the divider, use the
You can use the
title slot to customize each breadcrumb title.