Pagination

Displays page numbers and controls for navigating paginated data.

The Pagination component provides navigation controls for paginated content. It supports previous/next buttons, page numbers, ellipsis for skipped pages, and customizable styling. Built from scratch using React and native HTML elements. No dependencies on any UI library.

Quick Install

Install via shadcn/ui CLI

Examples

Default

With First/Last

Small Page Count