CraydelBreadcrumbs

Installation

Get the latest version by NPM:

$ npm i @craydel-v3/craydel-breadcrumbs

Component 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: '',
      }
    ]
  }
}