Skip to content

Pagination

const Pagination: React.FC<PaginationProps>

Defined in: src/components/navigation/Pagination/Pagination.tsx:88

Page navigator with sibling/boundary ellipsis logic. Controlled when page is set, otherwise uncontrolled with defaultPage. Pages are 1-based.

Example

<Pagination count={20} defaultPage={1} onChange={(_, p) => setPage(p)} />
// Compact: only prev/next + numbers
<Pagination count={20} siblingCount={0} boundaryCount={1} />
// Full controls
<Pagination count={50} showFirstButton showLastButton />