imitation
Pagination
Page through a list.
PaginationPages with arrows
Showing 21 to 30 of 118 tasks
In context
Task tablePage count on the left, pages on the right
| Task | Owner | Due |
|---|---|---|
| Draft launch checklist | Priya | 24 Oct |
| Book crew interviews | Leo | 17 Oct |
| Icon audit | Maya | 24 Oct |
Page 3 of 12
Props
| Prop | Type | Required | Default |
|---|---|---|---|
current | number | undefined | No | — |
defaultCurrent | number | undefined | No | 1 |
total | number | Yes | — |
onChange | ((page: number) => void) | undefined | No | — |
aria-label | string | undefined | No | Pagination |
disabled | boolean | undefined | No | — |
className | string | undefined | No | — |
Accessibility
A real <nav aria-label> landmark; the active page carries aria-current="page"; Previous and Next disable themselves at the ends. Only the first, last, current and its neighbours render, with an ellipsis for the rest.
data-rebar-* attributes
data-rebar-component="pagination"; data-rebar-part is "prev", "page" or "next"; the active page carries data-rebar-active.
Migrating to Ant Design
A close, low-risk rename: AntD's Pagination takes the same current/total/onChange shape (its total counts items, not pages).