@vuesimple/vs-pagination

A simple vue pagination
10,154 33
vue vuejs popup web notification pagination front-end vue-js vue-pagination vue-js-pagination vs-pagination
Install
npm install @vuesimple/vs-pagination
Latest Version:3.1.8
Vue:3
Older releases:2
License:MIT
Last Updated:Oct 14, 2026
Links: GitHub  ·  npm
Maintainer: ashwinkshenoy

Vue Simple Pagination

🗃 A simple vue pagination.

A light weight vue plugin built with accessibility in mind.

npm npm

forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge


📺 Live Demo

Demo: Link


🛠 Install

npm i @vuesimple/vs-pagination

🚀 Usage

<template>
  <vs-pagination :total-pages="20" @change="changePage"></vs-pagination>
</template>

<script>
  import VsPagination from '@vuesimple/vs-pagination';

  export default {
    components: {
      VsPagination,
    },
  };
</script>

🌎 CDN

<script src="https://unpkg.com/@vuesimple/vs-pagination@<version>/dist/vs-pagination.min.js"></script>

// Main/Entry file
app.use(VsPagination.plugin);

<template>
  <vs-pagination :total-pages="20" @change="changePage"></vs-pagination>
</template>

⚙ Props

Name Type Default Description
total-pages Number - Total count of pages. required
current-page Number 1 Sets the current page.
page-padding Number 1 Sets the number of pages that appear before and after active page between gap indicator.
page-gap Number 2 Positions the leading and trailing gap indicator, based on the current and total pages.
hide-prev-next Boolean false Hide prev and next button on reaching first or last page.

🔥 Events

Name Description
change On page change (return page value)

📎 Slots

You can define own arrow icon markup via slots:

Name Description
leftIcon Left Icon slot
rightIcon Right Icon slot

Related Packages

@vuesimple/vs-alert

A simple vue alert. Perfect for all your alert scenarios.

5,598 33
front-end notification popup vue vue-js vuejs web alert vs-alert vue-alert +1
@vuesimple/vs-accordion

A simple vue accordion.

4,960 33
front-end notification popup vue vue-js vuejs web accordion vs-accordion vue-accordion +1
@vuesimple/vs-select

A simple vue select. Perfect for all your select scenarios.

4,630 33
front-end notification popup vue vue-js vuejs web select vs-select vue-js-select +1
@vuesimple/vs-loader

A simple vue loader. Perfect for all your loader scenarios.

3,581 33
front-end notification popup vue vue-js vuejs web loader vs-loader vue-js-loader +1
@vuesimple/vs-datepicker

A simple vue datepicker. Perfect for all your datepicker scenarios.

3,543 33
front-end notification popup vue vue-js vuejs web datepicker vs-datepicker vue-datepicker +1

Version History

Version Released Vue License
3.1.8 ^3.2.37 MIT
3.1.7 ^3.2.37 MIT
3.1.6 ^3.2.37 MIT
3.1.5 ^3.2.37 MIT
3.1.3 ^3.2.37 MIT