navigation contract
Pagination
Page-by-page navigation for lists and tables.
Variants
- numbered
- Page number buttons + prev/next
- simple
- Just prev/next + "Page X of Y"
- jump
- Numbered + jump-to-page input — long lists
Sizes
- sm
- 28pt
- md
- 36pt
Example
<Pagination total={120} pageSize={20} page={page} onChange={setPage} />Usage rule
role="navigation" + aria-label="Pagination".
The full Pagination contract has 4 more rules, plus the do-not patterns. Get the full recipe.