Pagination

Navigation between pages of a long list, with previous/next controls, numbered page links, and an ellipsis for collapsed ranges.

Pagination

Installation

pnpm dlx shadcn@latest add @sortui/pagination

Usage

import {
  Pagination,
  PaginationContent,
  PaginationEllipsis,
  PaginationItem,
  PaginationLink,
  PaginationNext,
  PaginationPrevious,
} from "@/components/ui/pagination"

Examples

Previous and next

Rows per page

21–30 of 128

Icons only

With a list

Order #4821

Sep 24 · 3 items

Delivered$36.49

Order #4790

Sep 18 · 1 item

Delivered$12.00

Order #4755

Sep 11 · 2 items

Refunded$58.20

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access