Navigation
Pagination
A fully controlled page picker with sibling-based ellipsis collapsing for large page counts.
PaginationPreview
Usage
tsx
import { Pagination } from "@vesture/react";
<Pagination page={page} totalPages={20} onPageChange={setPage} siblingCount={2} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| page | number | — | Required. Current page, 1-indexed. |
| totalPages | number | — | Required. Total page count. |
| onPageChange | (page: number) => void | — | Required. Fires on prev/next/number click. |
| siblingCount | number | 1 | Sibling pages shown around the current page. |