Pagination

Navigation between pages of paginated data. The component is stateless — your code controls the current page and supplies hrefs or click handlers.

Anatomy

  • Pagination — A semantic nav.
  • PaginationContent — A flex ul for items.
  • PaginationItem — A li.
  • PaginationLink — A page link. Pass isActive to highlight the current page.
  • PaginationPrevious / PaginationNext — Pre-styled arrow links.
  • PaginationEllipsis — Renders "…". Pass pages + onPageClick to make it a popover that exposes the hidden pages.

Installation