1.0.0 • Published 7 years ago
vuejs-breadcrumbs v1.0.0
Vue Pagination for Semantic-UI :zap:
- This is on GitHub so let me know if I've messed it somewhere, give me a star :star: if you like it, :beers:
- Breadcrumbs component for Semantic-UI made in Vue.
- Vue.js (2.x)
- Semantic-UI CSS (2.x.x)
:white_check_mark: Installation :ok_hand:
$ npm install vuejs-breadcrumbs
:white_check_mark: Usage :mortar_board:
import breadcrumbs from 'vuejs-breadcrumbs'
new Vue({
el: '#app',,
components: { breadcrumbs }
data () {
return {
breadcrumbs: [{ 'url': 'customers.index', 'name': 'Customers' }],
}
}
},
})
:white_check_mark: Example :four_leaf_clover:
<body id="app">
<breadcrumb
:breadcrumbs="this.breadcrumbs"
:icon="'stripe icon'"
:addbutton="{name: 'payments.create'}"
newText="Charge">
</breadcrumb>
</body>
:white_check_mark: :book: Props:
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.. |
NPM :octocat:
License :book:
- MIT
1.0.0
7 years ago