Pagination
Page navigation control with previous, next, numbered pages, and ellipsis.
Installation
1
Run the CLI
$npx particleui-cli add pagination
Usage
TSX
import {
Pagination, PaginationContent, PaginationItem,
PaginationPrevious, PaginationLink, PaginationNext,
} from "@/components/ui/pagination"
export default function Example() {
return (
<Pagination>
<PaginationContent>
<PaginationItem><PaginationPrevious href="#" /></PaginationItem>
<PaginationItem><PaginationLink href="#">1</PaginationLink></PaginationItem>
<PaginationItem><PaginationLink href="#" isActive>2</PaginationLink></PaginationItem>
<PaginationItem><PaginationNext href="#" /></PaginationItem>
</PaginationContent>
</Pagination>
)
}Details
Source filecomponents/ui/pagination.tsx
Typeui
Categoriesnavigation, core
npm dependencieslucide-react
Registry deps
Claude skill—