Dev Design Library

Pagination

Page navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.

Pagination preview
Library
HextaUI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0, @tabler/icons-react, cn
Install
npx shadcn@latest add https://hextaui.com/r/pagination.json
Files
  • components/ui/pagination.tsx
  • components/ui/button.tsx
  • lib/motion.ts
  • hooks/use-pagination.ts
  • components/ui/spinner.tsx
  • hooks/use-button-feedback.ts
  • hooks/use-delayed-loading.ts
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI