Maple · Navigation

Pagination

Moves through long lists and tables. Shows the range on the left and compact page controls on the right.

View in Storybook →

Pagination bar

<Pagination page={page} total={248} perPage={10} onChange={setPage} />

Props

PropTypeDefaultDescription
pagenumber—Current page (1-based).
totalnumber—Total items.
perPagenumber—Items per page.
onChange(p) => void—Handler.