Pagination
Navigation for splitting large datasets into pages. Fully accessible with keyboard support.
$cookest-ui add pagination
Basic
A pagination bar for a recipe library with previous, page numbers, and next.
Interactive
Click pages to navigate through a recipe collection.
Showing page 3 of 8 · 10 recipes per page
| Prop | Type | Default | Description |
|---|---|---|---|
PaginationPrevious | ReactNode | — | Previous page link/button. |
PaginationNext | ReactNode | — | Next page link/button. |
PaginationLink | ReactNode | — | Individual page number. |
isActive | boolean | false | Marks the current page with active styling. |
PaginationEllipsis | — | — | Ellipsis for skipped page ranges. |