Components / Navigation
Pagination
stableSits at the bottom of every data table — the item-count summary on the left, page controls on the right.
Default
Showing 1–10 of 128 items
Page 1 of 13
Single page
Showing 1–6 of 6 items
Page 1 of 1
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
total | number | — | Yes | Total number of items across all pages. |
pageSize | number | 10 | No | Items shown per page. |
initialPage | number | 1 | No | Page shown on first render. |
Do
- Always show the "Showing X–Y of Z items" summary, even when there’s only one page.
- Disable Previous on page 1 and Next on the last page, rather than hiding them.
Don't
- Use infinite scroll and page numbers in the same table — pick one.
- Reset to page 1 silently after a filter change without telling the user why the list moved.