Pagination

Pagination is an interface control for navigating large datasets split across multiple pages. It helps users move between pages efficiently, reduces cognitive load, and improves performance in data-heavy interfaces like tables and lists.

Built with:

React.js
TypeScript
Tailwind CSS

Pure UI

Installation

Usage

<Pagination>
  <PaginationContent>
    <PaginationItem>
      <PaginationPrevious />
    </PaginationItem>
    <PaginationItem>
      <PaginationLink />
    </PaginationItem>
    <PaginationItem>
      <PaginationEllipsis />
    </PaginationItem>
    <PaginationItem>
      <PaginationNext />
    </PaginationItem>
  </PaginationContent>
</Pagination>

API Reference

Link

Prop	Type	Default
`isActive`	`boolean`	`―`
`size`	`enum`	`"sm"`

Prop	Type	Default
`isActive`	`boolean`	`―`
`size`	`enum`	`"sm"`

Prop	Type	Default
`isActive`	`boolean`	`―`
`size`	`enum`	`"sm"`

PrevLabel

Next Popover

Contents

Pagination | Pure UI

Pagination

Installation

Usage

API Reference

Link

Previous

Next

Installation

Usage

API Reference

Link

Previous

Next

Enter your license key