Skip to main content

Posts

Showing posts from August, 2025

React Pagination Library

 I built a very simple react pagination library with TypeScript. react-awesome-paginate React awesome paginate is a modern, lightweight, typescript based pagination component. You can use it in your project very easily. There are some predefined  theme  you can use it, in your component. Installation Install  react-awesome-paginate  with  npm : npm i react-awesome-paginate --save Props & Theme demo:  Codesandbox API demo:  Codesandbox Preview Default theme Circular theme Classic theme Compact theme Import and Usage rule in your component import Pagination from 'react-awesome-paginate'; // Import npm module import 'react-awesome-paginate/dist/index.css'; // Import CSS (You can override css styling easily.) // In your page <Pagination currentPage=1 totalPages=20 onPageChange={(pageNo: number) => console.log(pageNo)} /> Detail Usage import React, { useState } from "React"; import Pagination from 'react-awesome-paginate';...