Pagination
Pagination Component
Playground
Current page: 3
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| page | number | — | |
| totalPages | number | — | |
| siblingCount | number | — | |
| showFirstLast | boolean | — |
Default
Current page: 3
FewPages
Page 1 of 3 — Prev disabled on page 1
ManyPages
Page 50 of 200
WithoutEllipsis
showFirstLast=false, siblingCount default
WideSiblings
siblingCount=2 shows more neighbours
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
page | number | — | Current page |
showFirstLast | boolean | — | Show first/last buttons |
siblingCount | number | — | Sibling pages shown |
totalPages | number | — | Total pages |
Using Paginationtsx
import { Pagination } from '@/components/Pagination'
<Pagination
page="..."
totalPages="..."
siblingCount="..."
showFirstLast="..."
/>Tokens Used
No design tokens detected