2.1.0-dev.0 • Published 2 years ago

@saurssaurav/pagination-js-react v2.1.0-dev.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Pagination React

Simple and light weight pagination for react.

image

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

NameTypeDefaultDescription
totalSizeNumberRequired. Total data size
currentPageNumberRequired. Active page number
onChangeCurrentPageFunctionRequired. Page change handler. Receive current pageNumber as arg
pageSidesToCurrentPageNumberRequired. Neighbouring pages to active page