Studiov0.6.0

Pagination

Tier 1 — shadcn
Navigation

Navigation controls for paginated data sets with prev/next and page number links.

Live Preview

Code

import { Pagination } from "@regen/ui";

<Pagination />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Table pagination
  • •Search results pages
  • •Gallery pages

Do

  • ✓Show current page clearly (active state)
  • ✓Disable prev/next at boundaries

Don't

  • ✗Don't show all pages for large datasets — use ellipsis
  • ✗Don't use for infinite scroll — use load more button