Components
Pagination
Page navigation with first, previous, next and last buttons. Long ranges collapse into ellipses.
import { PaginationComponent } from '@/MigsLab/shared'
Example
Page 1 of 20
const currentPage = ref(1)
<PaginationComponent
v-model:page="currentPage"
:total-items="200"
:items-per-page="10"
/>Few pages
<PaginationComponent v-model:page="page" :total-items="45" :items-per-page="10" />API
Props
| Name | Type | Default | Description |
|---|---|---|---|
v-model:page | number | — | Current page (1-based). Required. |
totalItems | number | — | Total number of records. |
itemsPerPage | number | — | Records shown per page. |