Navigate between pages.
import { Pagination } from "@cooud-ui/ui";
npx cooud-ui add pagination
Generated from the component's exported types.
Extends AnchorHTMLAttributes<HTMLAnchorElement>
| Prop | Type | Default | Description |
|---|---|---|---|
isActive | boolean | — | — |
size | PaginationLinkSize | — | — |
Navigate paginated content with previous, page links, an ellipsis, and next.
<Pagination><PaginationContent><PaginationItem><PaginationPrevious href="#" /></PaginationItem><PaginationItem><PaginationLink href="#">1</PaginationLink></PaginationItem><PaginationItem><PaginationLink href="#" isActive>2</PaginationLink></PaginationItem><PaginationItem><PaginationLink href="#">3</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext href="#" /></PaginationItem></PaginationContent></Pagination>