"use client"
import { Pagination } from "@/components/ui/preskok-ui/pagination"
export function PaginationDemo() {
return (
<Pagination>
<Pagination.List>
<Pagination.Item segment="first" href="#" />
<Pagination.Item segment="previous" href="#" />
<Pagination.Item href="#">1</Pagination.Item>
<Pagination.Item href="#" isCurrent>
2
</Pagination.Item>
<Pagination.Item segment="ellipsis" />
<Pagination.Item segment="next" href="#" />
<Pagination.Item segment="last" href="#" />
</Pagination.List>
</Pagination>
)
}
Installation
CLI
Manual
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={() => {}}
/>
)
}