Skip to content

A Vue component for create a tiny pagination with Flexbox

License

Notifications You must be signed in to change notification settings

coderdiaz/vue-tiny-pagination

Repository files navigation

<vue-tiny-pagination />

a Vue component for create a tiny pagination


Install/Usage

$ npm i -S vue-tiny-pagination
<div id="#app">
    <tiny-pagination
      :total="currentTotal"
      @tiny:change-page="changePage"></tiny-pagination>
</div>
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
  }
});

Documentation

For see the complete documentation go to the official website.

Donate

Buy me a coffeeBuy me a coffee

Development

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

What's Included

  • npm run dev: Webpack + vue-loader with proper config for source maps & hot-reload.

  • npm run build: build with HTML/CSS/JS minification.

For detailed explanation on how things work, consult the docs for vue-loader. Also check out the breaking changes in [email protected].

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