Pagination
Navigation
Accessible pagination with animated active-page indicator (layoutId), smart ellipsis, two sizes (sm, md), and prev/next buttons.
Loading preview...
Customize
Size:
Current Page1
Total Pages20
Sibling Count1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
currentPage | number | — | The currently active page (1-indexed). |
totalPages | number | — | Total number of pages. |
onPageChange | (page: number) => void | — | Callback when a page is selected. |
siblingCount | number | 1 | Number of sibling pages shown around the current page. |
size | 'sm' | 'md' | 'md' | Button size variant. |
className | string | '' | Additional CSS classes. |