- This is on GitHub so let me know if I've messed it somewhere, give me a star ⭐ if you like it, 🍻
- Breadcrumbs component for Semantic-UI made in Vue.
- Vue.js (2.x)
- Semantic-UI CSS (2.x.x)
$ npm install vuejs-breadcrumbsimport breadcrumbs from 'vuejs-breadcrumbs'
new Vue({
el: '#app',,
components: { breadcrumbs }
data () {
return {
breadcrumbs: [{ 'url': 'customers.index', 'name': 'Customers' }],
}
}
},
})<body id="app">
<breadcrumb
:breadcrumbs="this.breadcrumbs"
:icon="'stripe icon'"
:addbutton="{name: 'payments.create'}"
newText="Charge">
</breadcrumb>
</body>| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| breadcrumbs | Array | true | Breadcrumb array passing in the breadcrumb objects with named Routes | |
| addbutton | Number | false | Add Button On Right Side | |
| editbutton | Function | false | Edit Button On Right Side | |
| savebutton | Function | false | Save Button On Right Side | |
| discardbutton | Function | false | Discard Button On Right Side | |
| icon | Function | false | Icon that'll be displayed if the breadcrumb is first | |
| newText | Function | false | Add New {newText}, it can be Add New Payment etc.. |
- MIT