# 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, slots exists for more control of the breadcrumbs, either utilizing v-breadcrumbs-item
or other custom markup.
# Usage
By default, breadcrumbs use a text divider. This can be any string.
# API
# Caveats
By default 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 items
array.
# Examples
# Props
# Divider
Breadcrumbs separator can be set using divider
property.
# Large
Large breadcrumbs have larger font size.
# Slots
# Icon Dividers
For the icon variant, breadcrumbs can use any icon in Material Design Icons.
# Item
You can use the item
slot to customize each breadcrumb.