1Sponsor

Pagination

Page navigation with prev/next and jump

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/pagination.json

Usage

import { Pagination } from "@/components/ui/pagination";
<Pagination total={10} current={page} onChange={(p) => setPage(p)} />

API Reference

Pagination

PropTypeDefault
totalnumberrequired
currentnumberrequired
onChange(page: number) => voidundefined
showEdgesbooleantrue
siblingsnumber1