Pagination
ReactRuled page numbers that collapse long runs.
Install
$ npx shadcn@latest add https://spotcheckui.com/r/pagination.jsonNo motion engine needed.
Usage
import { Pagination } from "@/components/spotcheck/pagination"
<Pagination page={page} pageCount={24} onPageChange={setPage} />Props
- page * Required
numberDefault —The current page, counted from 1. - pageCount * Required
numberDefault — - onPageChange * Required
(page: number) => voidDefault — - className
stringDefault —
Keyboard
| Tab | Move between pages |
|---|---|
| Enter | Go to the page |
Reduced motion
Nothing here animates.