Pagination

Ready

Navigate paged content.

Installation

$ npx @oratiq-js/ui add pagination

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

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

Default

Previous and next mirror under RTL, so "previous" always points toward the start edge. Page numbers use tabular figures — the row doesn't shift width as you move from page 9 to 10.

View source on GitHub → components/ui/pagination.tsx