Breadcrumbs
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.
API
Applies the dark theme variant
Specifies the dividing character
An array of objects describing each breadcrumb. See v-breadcrumbs-item API section for all object properties. Use text property for the breadcrumb text.
Align the breadcrumbs center
Align the breadcrumbs at the end
Increase the font-size of the breadcrumb item text
Applies the light theme variant
Examples
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.