Pagination Custom
Single-component pagination ready to drop in. Renders first/last, prev/next, page numbers, and an ellipsis for long ranges.
Default
Just pass total, itemsPerPage, and v-model:page the current page.
Sibling count
Increase siblingCount to show more page numbers on each side of the current page.
Few pages
With a small total the bar renders every page and skips the ellipsis.
API Reference
Props, events, and slots for each sub-component.
PaginationCustom
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| page | number | 1 | Current page. Supports v-model:page. |
| total | number | 0 | Total number of items. |
| itemsPerPage | number | 10 | Items per page; drives the page count. |
| siblingCount | number | 1 | Page numbers shown on each side of the current page. |
Events
| Event | Description |
|---|---|
| update:page | Fires when the page changes. Enables v-model:page. |