/vue3-paginate

vue3 paginate ts (create npm lib)

MIT LicenseMIT

vue3-paginate-z

LIVE EXAMPLE

Description

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

Usage

npm install vue3-paginate-z --save

Import the module in the place you want to use:

import 'vue3-paginate-z/dist/styles.css' // => to main
import Paginate from 'vue3-paginate-z'
app.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