ReUI
Components

Pagination

A responsive pagination component for navigating through multiple pages of content.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/pagination.json

Examples

Default

Loading

Icon

Loading

Card

Loading

API Reference

This component provides a customizable pagination system with support for various layouts and styles.

Pagination

This component is the root container for pagination elements.

PropTypeDefault
className string

PaginationContent

This component provides the container for pagination items.

PropTypeDefault
className string

PaginationItem

This component represents an individual item in the pagination.

PropTypeDefault
className string

This component represents a clickable pagination link.

PropTypeDefault
isActive booleanfalse
size ButtonProps["size"]
className string

PaginationEllipsis

This component displays an ellipsis to indicate additional pages.

PropTypeDefault
className string