Pagination
Navigation

Pagination.

Accessible pagination with previous/next controls.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

4 props
ParameterTypeRequiredDefaultPossible valuesDescription
pagenumberYes——Current 1-based page index.
totalPagesnumberYes——Number of available pages.
onPageChange(page: number) => voidNo——Called when navigation changes the page.
classNamestringNo——Additional CSS class on the outer component element.