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

5.0.1 • Public • Published

@vue-layout/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 @vue-layout/pagination

Usage

Register the plugin.

import install from '@vue-layout/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 @vue-layout/pagination

Weekly Downloads

16

Version

5.0.1

License

none

Unpacked Size

64.1 kB

Total Files

21

Last publish

Collaborators

  • tada5hi