@saurssaurav/pagination-js-react

Pagination React

Simple and light weight pagination for react.

Installation

$ npm i @saurssaurav/pagination-js-react

Usage

import { useState } from 'react';
import PaginationTest from '@saurssaurav/pagination-js-react';
import '@saurssaurav/pagination-js-core/style.css';

function App() {
  const [currentPage, setCurrentPage] = useState(1);

const onChange = (page:number) => {
  setCurrentPage(page);
};
  return (
    <>
 <PaginationTest
    totalPage={10}
    pageSidesToCurrentPage={1}
    currentPage={currentPage}
    onChangeCurrentPage={onChange}
  ></PaginationTest>
    </>
  );
}

export default App;

Props

Name	Type	Default	Description
totalSize	Number		Required. Total data size
currentPage	Number		Required. Active page number
onChangeCurrentPage	Function		Required. Page change handler. Receive current pageNumber as arg
pageSidesToCurrentPage	Number		Required. Neighbouring pages to active page