THEME
MOTION
HAPTIC
SOUND
PAGINATION
Prev/Next arrows + windowed page buttons with ellipses. Controlled: page + totalPages + onChange.
Live demo
Import
import { Pagination } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
page | number | — | yes | 1-based current page. |
totalPages | number | — | yes | Renders nothing when ≤ 1. |
onChange | (page: number) => void | — | yes |
Examples
basic
<Pagination page={p} totalPages={12} onChange={setP} />Accessibility
Role: navigation
- aria-label (defaults to "Pagination")
- aria-current on active page
Feedback
| Haptic | none |
| Sound | none |