A Vue component for create a tiny pagination

<vue-tiny-pagination />

A Vue component for create a tiny pagination with Flexbox

---

Install/Usage

$ npm i -S vue-tiny-pagination

<div id="#app">
  <tiny-pagination
    :total="currentTotal"
    @tiny:change-page="changePage"></tiny-pagination>
</div>

You can use local registration

import {TinyPagination} from 'vue-tiny-pagination'

new Vue({
  el: '#app',
  data() {
    return {
      currentTotal: 100,
      currentPage: 1
    }
  },
  methods: {
    changePage (pagination) {
      this.currentPage = pagination.page
    }
  },
  components: {
    TinyPagination
  }
});

or global registration

import TinyPagination from 'vue-tiny-pagination'
Vue.use(TinyPagination)

Usage in browser

In browser you can use Unpkg:

https://unpkg.com/[email protected]/dist/vue-tiny-pagination.js

Example in browser here: https://jsfiddle.net/coderdiaz/da7h5wnk/

Documentation

For see the complete documentation go to the official website.

Contributions

All contributions are welcome send your PR and Issues.

License

This is a open-source software licensed under the MIT license

Crafted by Javier Diaz