React-pagination-ts NPM

React Pagination TS

Installation

Install react-pagination-ts with npm:

npm install react-pagination-ts --save

Usage

import { useEffect, useState } from "react";
import { Pagination } from "react-pagination-ts";

function App() {
  const [page, setPage] = useState(1);
  const handlePageClick = (_, newPage: number) => {
    setPage(newPage);
  };

  return (
    <>
      <Pagination
        currentPage={page}
        defaultPage={1}
        onPageChange={handlePageClick}
        pageCount={30}
      />
    </>
  );
}

export default App;

Props

Name	Type	default	Description
`totalPage`	`Number`	1	Required. The total number of pages.
`defaultPage`	`Number`	1	The page selected by default when the component is uncontrolled.
`currentPage`	`Number`	1	The current page.
`siblingCount`	`Number`	1	Number of always visible pages before and after the current page.
`boundaryCount`	`Number`	1	Number of always visible pages at the beginning and end.
`disabled`	`Boolean`	false	If `true`, the component is disabled.
`hideNextButton`	`Boolean`	false	If `true`, hide the next-page button.
`hidePrevButton`	`Boolean`	false	If `true`, previous-page button.