← Design system
Pagination
Interactive examples and usage for the Pagination component.
Examples
Small
Props
| Prop | Type | Default | Description |
|---|---|---|---|
page | number | 1 | Current active page |
totalPages | number | required | Total number of pages |
onPageChange | (page: number) => void | required | Callback when page changes |
siblings | number | 1 | Number of sibling pages shown around the current page |
showFirstLast | boolean | true | Show first and last page buttons |
size | 'sm' | 'md' | 'lg' | 'md' | Button size |
Keyboard
| Key | Action |
|---|---|
| Tab | Focus page buttons |
| Enter | Navigate to the focused page |