https://github.com/mnzsss/react-chakra-pagination

:atom_symbol: Easy way for paginate anything using Chakra UI
https://github.com/mnzsss/react-chakra-pagination

chakra-ui react react-icons react-table table typescript

Last synced: 6 months ago
JSON representation

:atom_symbol: Easy way for paginate anything using Chakra UI

• Host: GitHub
• URL: https://github.com/mnzsss/react-chakra-pagination
• Owner: mnzsss
• License: mit
• Created: 2021-10-11T01:18:46.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-03T20:48:19.000Z (over 2 years ago)
• Last Synced: 2025-09-30T00:43:13.676Z (10 months ago)
• Topics: chakra-ui, react, react-icons, react-table, table, typescript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-chakra-pagination
• Size: 533 KB
• Stars: 36
• Watchers: 1
• Forks: 8
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![rcp](https://user-images.githubusercontent.com/51327920/221086236-b931b5de-f67b-4415-bbc8-370449c4ca55.jpg)

[![npm version](https://badge.fury.io/js/react-chakra-pagination.svg)](https://badge.fury.io/js/react-chakra-pagination.svg)

---

Collection of components to enable you paginate your data like table and lists using Chakra UI.

## Demo

Try package on the [Sandbox](https://codesandbox.io/s/demo-react-chakra-pagination-1ywkt/) or use the [example project](https://github.com/mnzsss/react-chakra-pagination/tree/master/examples/vite-table)

## Installation

Before install you need setup Chakra UI, follow [instructions.](https://chakra-ui.com/docs/getting-started)

```bash

# using npm

npm install react-chakra-pagination

# using pnpm

pnpm install react-chakra-pagination

# using yarn

yarn add react-chakra-pagination

```

## License

Licensed under the [MIT license](https://github.com/shadcn/ui/blob/main/LICENSE.md).