Pagination

Page navigation for long lists.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026

Installation

import {
  Pagination,
  PaginationContent,
  PaginationItem,
  PaginationLink,
  PaginationPrevious,
  PaginationNext,
  PaginationEllipsis,
} from "@aspyn-io/kit";

Basic

Links by default: use asChild for Next.js Link, or onClick for client state.

Compact

Prev/next around the current page for tight layouts.

Icons only

Icon-only prev/next with a page indicator, ideal beside a data table.