Glowup
NAVIGATION · 82 / 89
Pagination
Pagination — a Material You navigation component for React Native and web.
󱀫
packages/ui/src/components/Pagination.tsx
Live demo
Properties
5 controls
Page
Total Pages
Sibling Count
First/Last Arrows
Disabled
Usage
Pagination.tsx
<Pagination page={1} totalPages={12} />
Variants
The states and shapes this component is meant to be used in.
Default
With first last
Compact
Disabled
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
6 on PaginationProps
onPageChange
required
(page: number) => void
page
required
number
Current page, 1-based.
totalPages
required
number
disabled
boolean
showFirstLast
boolean
default: false
Show jump-to-first / jump-to-last arrows.
siblingCount
number
default: 1
Pages shown on each side of the current page.