@vuecs/pagination
TypeScript icon, indicating that this package has built-in type declarations

1.3.0 • Public • Published

@vuecs/pagination 📖

npm version CI

This library provides an easy way to paginate large datasets by providing a range of customization options, including the number of items per page, the number of visible page links, and the layout of the pagination controls. .

Table of Contents

Installation

$ npm i --save @vuecs/pagination

Usage

Register the plugin.

import install from '@vuecs/pagination';
import { createApp } from 'vue'

const app = createApp({})

app.use(install, {
  /* optional options */
})

After the component is registered, it can be used as follows.

<script setup>
const busy = ref(false);

const load = async ({page, limit, offset}) => {
    busy.value = true;
    
    // run load operation
    
    busy.value = false
}
</script>
<template>
    <VCPagination
        :busy="busy"
        :total="100"
        :limit="10"
        :offset="0"
        @load="load"
    />
</template>

License

Made with 💚

Published under MIT License.

Package Sidebar

Install

npm i @vuecs/pagination

Weekly Downloads

114

Version

1.3.0

License

none

Unpacked Size

78.3 kB

Total Files

28

Last publish

Collaborators

  • tada5hi