Pagination

Navigation · src/components/Pagination/Pagination.tsx

Page controls for a list.

Every number carries its own aria-label ("Page 4"), because a bare digit on a button tells a screen reader nothing about what pressing it does. The current page is marked with aria-current, not only a colour.

Import

import { Pagination } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
page	number
pageCount	number
label	string
previousLabel	string
nextLabel	string
className	string
onChange	(page: number) => void

Exported beside it

pageList