@hz-libs/bpe-ui-pagination

Pagination primitive for Vue 3.

Docs

Install

pnpm add @hz-libs/bpe-ui-pagination

The app must already depend on Vue ^3.5.0. Component CSS is included in the JavaScript import.

Use

current-page is the selected page. last-page is the final page number. sibling-count is how many page numbers stay visible on each side of the current page. The default is 1.

<script setup>
import { ref } from 'vue'
import { PaginationBar } from '@hz-libs/bpe-ui-pagination'

const page = ref(1)
</script>

<template>
  <PaginationBar v-model:current-page="page" :last-page="8" />
</template>

Exports

PaginationBar, getPaginationPages.