Description

• Vue pagination (simple) with css. (ts)
• You can customize ripple css.

Usage

npm install vue-paginate-z --save

Import the module in the place you want to use:

import 'vue-paginate-z/dist/styles.css' // => to main
import Paginate from 'vue-paginate-z'
Vue.use(Paginate)

Snippet

simple

    // data() {
    //     currentPage: 1,
    // }

    <Paginate
        :totalCount="100"
        //   :limit="10"
        //   labelFirst="|<<"
        //   labelLast="Last"
        //   :sectionNumber="5"
          v-model="currentPage"
        //   :showFirstLast="true"
        //   showForwardBack="false"
    />

    // <Paginate
        // :totalCount="100"
        // :limit="10"
        // labelFirst = "|<<",
        // labelLast = ">>|",
        // labelBack = "<",
        // labelForward = ">",
        // v-model="currentPage2"
        // type="pager"
    // />

props

RUN

LIVE EXAMPLE

npm install

npm run dev
npm run start

License

MIT