Pagination
Move through pages: numbered with ellipses (fewer on phones), compact "3 of 12", or page dots.
import { Pagination } from "pleate/pagination";Pages, compact, dots
With a range summary
Pass total and pageSize.
Props
- page / pageCount
Current page (1-based) and total.
number- onPageChange / getHref
Buttons, or links for crawlable pages.
function- variant
Look.
"pages" | "compact" | "dots"default "pages"- siblings
Pages on each side of the current one.
numberdefault 1- size
Same heights as Button (32, 36, 44px).
"sm" | "md" | "lg"default "md"- total / pageSize
Show a "21 to 40 of 134" summary before the controls.
number- formatRange
Text of the summary.
(start, end, total) => ReactNode