Component

Pagination

Numbered page navigation with a collapsing ellipsis for large ranges.

Basic

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

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

Showing 31–40 of 200

Prop	Type	Default	Description
onPageChange *	(page: number) => void	None	Called with the requested 1-based page number.
page *	number	None	The current page, 1-based.
pageCount *	number	None	Total number of pages.
className	string	None	Extra classes merged onto the `<nav>`.
siblingCount	number	1	Pages shown either side of the current one before collapsing to an ellipsis. First and last pages always show, so this only controls the middle run.

onPageChange *None

(page: number) => void

Called with the requested 1-based page number.

page *None

number

The current page, 1-based.

pageCount *None

number

Total number of pages.

classNameNone

string

Extra classes merged onto the `<nav>`.

siblingCount1

number

Pages shown either side of the current one before collapsing to an ellipsis. First and last pages always show, so this only controls the middle run.

Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent