Skip to content
Component

Pagination

Numbered page navigation with a collapsing ellipsis for large ranges.

Basic

Compact

siblingCount={0} shows only the current page and the ellipsis-collapsed edges.

At the edges (disabled controls)

Previous/Next disable themselves automatically at page 1 and the last page.

In a table footer

Showing 31–40 of 200

API reference

pageNone
number

Current 1-based page (controlled).

pageCountNone
number

Total number of pages.

onPageChangeNone
(page: number) => void

Fires when a page is selected.

siblingCount1
number

Page links shown on each side of the current page.

classNameNone
string

Additional classes applied to the component root.