Components

Pagination

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

Loading

Installation

pnpm dlx shadcn@latest add @toui/pagination

Examples

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

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.