## Installation [#installation] npm pnpm yarn bun ```bash npx shadcn@latest add @dotui/pagination ``` ```bash pnpm dlx shadcn@latest add @dotui/pagination ``` ```bash yarn dlx shadcn@latest add @dotui/pagination ``` ```bash bun x shadcn@latest add @dotui/pagination ``` ## Usage [#usage] Compose pagination from its parts. Provide an `href` on each link to navigate between pages, or wire `onPress` to drive client-side state. ```tsx import { Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, } from '@/components/ui/pagination' ``` ```tsx 1 2 ``` ## Framework Setup [#framework-setup] `PaginationLink`, `PaginationPrevious`, and `PaginationNext` are built on the Link button, so they pick up router integration from your `button.tsx` — there's nothing pagination-specific to wire up. See the [Button](/docs/components/button) docs to connect `LinkButton` to your framework's router, and pagination links with an `href` will route through it automatically. ## Examples [#examples] ## API Reference [#api-reference] ### Pagination [#pagination] ### PaginationList [#paginationlist] ### PaginationItem [#paginationitem] ### PaginationLink [#paginationlink] ### PaginationPrevious [#paginationprevious] ### PaginationNext [#paginationnext] ### PaginationEllipsis [#paginationellipsis]