Pagination · Components

pages of a long list or table · Previous/Next + page links · isActive on the current page

The web kit's real component, live. Follows this site's theme.

Usage

Under a DataTable with more rows than fit. Say where the person is (“21–30 of 128”) next to it.

API

<Pagination><PaginationContent><PaginationItem><PaginationPrevious href /></PaginationItem>…</PaginationContent></Pagination>

Get it

Already in every copy of the web kit:

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

Details

Exports: Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis
Source: apps/web/components/ui/pagination.tsx
Also searched as: pages, next page, paging
Upstream: Unchanged from shadcn/ui; installs from their registry.

Agents: the whole registry is at /llms.txt.