CraydelBreadcrumbs
Installation
Get the latest version by NPM:
$ npm i @craydel-v3/craydel-breadcrumbsComponent Import
Import the module chosen directly in your component
<script>
import CraydelBreadcrumbs from "@craydel-v3/craydel-breadcrumbs/src/CraydelBreadcrumbs.vue";
export default {
components: {CraydelBreadcrumbs}
}
</script>Props
| Name | Type | Default | Description |
|---|---|---|---|
| items | array | [] | An array of objects for each breadcrumb. Will look for a title, disabled and href keys. |
Usage
An example showing the breadcrumbs.
<craydel-breadcrumbs
:items="items"
></craydel-breadcrumbs>data() {
return {
items: [
{
title: 'Home',
disabled: false,
href: '/',
},
{
title: 'About Us',
disabled: false,
href: '/about',
},
{
title: 'Our Team',
disabled: true,
href: '',
}
]
}
}