"use client"
import {
Pagination,
PaginationFirst,
PaginationGap,
PaginationItem,
PaginationLast,
PaginationList,
PaginationNext,
PaginationPrevious,
} from "@/components/ui/preskok-ui/pagination"
export function PaginationDemo() {
return (
<Pagination>
<PaginationList>
<PaginationFirst href="#" />
<PaginationPrevious href="#" />
<PaginationItem href="#">1</PaginationItem>
<PaginationItem href="#" isCurrent>
2
</PaginationItem>
<PaginationGap />
<PaginationNext href="#" />
<PaginationLast href="#" />
</PaginationList>
</Pagination>
)
}
Installation
CLI
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add pagination
Usage
import { Pagination } from "@/registry/preskok/ui/preskok-ui/pagination"
export function PaginationDemo() {
return (
<Pagination
totalItems={120}
itemsPerPage={10}
currentPage={1}
onPageChange={() => {}}
/>
)
}