Skip to main content
ParticleUI

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