Preview
Usage
Pagination usage<Pagination page={6} pageCount={20} href={(page) => `?page=${page}`} />API
Pagination APIPaginationProps
Page navigation. Pure links — works JS-off, no island — with the windowing algorithm frozen into tested code (the part apps get wrong). Machine register: mono tabular numerals; the current page thickens its rule in accent, echoing the Tabs grammar. `compact` renders ‹ page N of M › for tight rows (variants law).
| prop | type | notes |
|---|---|---|
| page | number | Current page, 1-based (clamped). |
| pageCount | number | |
| href | (page: number) => string | Builds the href for a page number, e.g. (p) => `/deploys?page=${p}`. |
| label? | string | Accessible name for the nav. Default 'Pagination'. |
| window? | number | Numbers kept around the current page (default 1). |
| compact? | boolean | ‹ page N of M › — no number strip. |
| prevLabel? | string | i18n: default 'Previous page' / 'Next page'. |
| nextLabel? | string | |
| mix? | MixInput |