Numeric pagination with prev/next, ellipsis, and aria-current on the active page.

npx slipstream-ui@latest add pagination
Usage

Props

PropTypeDefaultDescription
pagenumber—Current page number (1-based).
pageCountnumber—Total number of pages.
onPageChange(page: number) => void—Called with the new page number.
siblingsnumber1How many page buttons to show around the current page.

Accessibility

  • nav[aria-label=Pagination] landmark.
  • Active button has aria-current=page; disabled buttons at boundaries.