Breadcrumbs
Breadcrumbs
The v-breadcrumbs
component is a navigational helper for pages. It can accept a Material Icons icon or characters as a divider. An array of objects containing the fields href, text and optional disabled can be passed to the items property of the component. Additionally, a regular slot exists for more control of the breadcrumbs, either utilizing v-breadcrumbs-item
or other custom markup.
Usage
Usage
By default, breadcrumbs use a text divider. This can be any string.
API
API
arrow_drop_down
search
Name
divider
Default
/
Type
String
Specifies the dividing character
Name
justify-center
Default
false
Type
Boolean
Align the breadcrumbs center
Name
justify-end
Default
false
Type
Boolean
Align the breadcrumbs at the end
Name
large
Default
false
Type
Boolean
Increase the font-size of the breadcrumb item text
Name
default
Default Vue slot
Examples
Examples
Icon dividers
For the icon variant, breadcrumbs can use any icon in Material Design Icons.