Pagination #

The pagination component can be used to navigate across a series of content and data sets for various pages such as blog posts, products, and more. You can use multiple variants of this component with or without icons and even for paginating table data entries.

Basic Pagination Example #

<template>
  <div>
    <Pagination
        :current="current"
        :total="total"
        :per-page="perPage"
        @page-changed="current = $event"
    />
  </div>
</template>
<script setup>
import Pagination from '@/components/Pagination';
</script>