GitHub

Pagination

A component that allows users to navigate through a list of items.

Docs API

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/pagination.json

Usage

import { 
  Pagination,
  PaginationContext,
  PaginationEllipsis,
  PaginationItem,
  PaginationNext,
  PaginationPrevious,
} from "@/components/ui/pagination";
  <Pagination>
    <PaginationPrevious />
    <PaginationContext>
      <PaginationItem />
      <PaginationEllipsis />
    </PaginationContext>
    <PaginationNext />
  </Pagination>