Navigation · §10.3

Pagination

Pages of a long list.

Theme
Contrast
Language
Motion
Text size

Code

<Pagination aria-label="Pagination">…</Pagination>

Accessibility

  • A labelled nav; the current page is aria-current="page"; previous/next are named.

Usage

Do

  • Admin lists and the wall board.

Don't

  • Don't paginate the console board (virtualise instead).

Platforms

Web
apps/web/components/ui/pagination.tsx
iOS
—
Android
—