Pagination

Page navigation with smart ellipsis. Always shows the first, last, current page, and configurable neighbors.

Usage

import { Pagination } from '@bwo-ui/react';

const [page, setPage] = useState(1);

<Pagination
  page={page}
  pageCount={20}
  onPageChange={setPage}
/>

Props

Prop	Type	Default	Description
`page`	`number`	—	1-based current page.
`pageCount`	`number`	—	Total page count (>= 1).
`onPageChange`	`(page: number) => void`	—	Called with the next page number.
`siblingCount`	`number`	`1`	Neighbors shown on either side of the active page.
`boundaryCount`	`number`	`1`	Pages always shown at the start/end (before the ellipsis).
`radius`	`'none' \| 'light' \| 'sm' \| 'md' \| 'lg' \| 'pill'`	—	Shared radius preset applied via data-radius cascade.