Ship-It Designv0.0.3
GitHub

Pagination

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Default#

Loading…

Few Pages#

Loading…

Many Pages#

Loading…

Props#

Props for Pagination
PropTypeDefaultDescription
page *numberCurrently selected page (1-indexed).
total *numberTotal number of pages.
onPageChange *(page: number) => voidCalled with the new page when the user clicks a page or arrow.
siblingsnumber | undefined1How many sibling pages to show on each side of the current page. Default 1.