npm.io
2.1.0-dev.0 • Published 2 years ago

@saurssaurav/pagination-js-react

Licence
Version
2.1.0-dev.0
Deps
3
Size
61 kB
Vulns
0
Weekly
0

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

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