Components / UI components / Navigation
NavigationExperimental alpha

Pagination

Controlled page navigation for known and unknown totals.

Pagination preview

Loading example…

Interactions use local sample data.

Usage and props

Keep page and result state consistent. For unknown totals, enable Next only with explicit hasNextPage=true. Do not invent a total.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

page: number (1-based) · pageCount OR hasNextPage · onPageChange OR getPageHref · disabled?
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard