1.0.0 • Published 7 years ago

vuejs-breadcrumbs v1.0.0

Weekly downloads
4
License
MIT
Repository
github
Last release
7 years ago

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.

: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:

NameTypeDefaultRequiredDescription
breadcrumbsArraytrueBreadcrumb array passing in the breadcrumb objects with named Routes
addbuttonNumberfalseAdd Button On Right Side
editbuttonFunctionfalseEdit Button On Right Side
savebuttonFunctionfalseSave Button On Right Side
discardbuttonFunctionfalseDiscard Button On Right Side
iconFunctionfalseIcon that'll be displayed if the breadcrumb is first
newTextFunctionfalseAdd New {newText}, it can be Add New Payment etc..

NPM :octocat:

NPM

License :book:

  • MIT