Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a dot separator.
Show codeHide code
vue
Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a slash separator.
Show codeHide code
vue
Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a chevron separator.
Show codeHide code
vue
Breadcrumbs are a useful way to show the user where they are in the application. This example shows a breadcrumb with a arrow separator.
Show codeHide code
vue
Name
Type
classesOptional CSS classes to apply to the component inner elements.
Show exampleHide example
vue
itemsThe items to display in the breadcrumb.
If not provided, the breadcrumb will be generated
from the current route using page meta under `breadcrumb` key.
Show exampleHide example
vue
Name
Type
colorDefines the hover color of the breadcrumb links
@since
3.0.0
Show exampleHide example
vue
Name
Slot Prop Type
#linkShow exampleHide example
vue
#iconShow exampleHide example
vue
#labelShow exampleHide example
vue
#defaultShow exampleHide example
vue