Skip to main content

Navigation and disclosure

Pagination

Render previous/next and page-link navigation. Because sometimes your collection of cute cat photos is just too big for one page.

Curated demo

Reference

Render previous/next and page-link navigation. Because sometimes your collection of cute cat photos is just too big for one page.

  • Use onPageChange when you need controlled pagination behavior.
  • Keep currentPage and totalPages page-owned.
  • Please don't use this if you only have 2 pages. Just show them all!

Props

Name Type Default Description
currentPage * number — The currently active page.
totalPages * number — Total number of pages.
class string — Additional CSS classes.

Example snippet

<Pagination currentPage={2} totalPages={8} />