ComponentsBlocksDocsExamples

Alert
Calendar
Card
Chart
Data Grid
Update
Drawer
File Upload
Kanban
Kbd
Pagination
Resizable
Rating
Stepper
Scrollspy
Skeleton
Sortable
Sonner
Table
Textarea

Components

Pagination

UI Library:

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

Installation

pnpm dlx shadcn@latest add @toui/pagination

Examples

Icon

Card

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

PaginationLink

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

  • Built with Radix UI Slot.
PreviouseKbdNextResizable

On This Page

  • Installation
  • Examples
    • Icon
    • Card
  • API Reference
    • Pagination
    • PaginationContent
    • PaginationItem
    • PaginationLink
    • PaginationEllipsis
  • 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.

Token UI

Components

  • Overview
  • Pricing
  • Marketplace
  • Features
  • Integrations
  • Pricing

Blocks

  • Charts
  • Team
  • Blog
  • Careers
  • Contact
  • Privacy

Examples

  • Help
  • Sales
  • Advertise

Docs

  • Twitter
  • Instagram
  • LinkedIn

© 2025 TOUI.dev. All rights reserved.

  • Terms and Conditions
  • Privacy Policy