npm.io
0.1.8 • Published 2 years ago

react-pagination-ts

Licence
Version
0.1.8
Deps
4
Size
518 kB
Vulns
0
Weekly
0

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.

Keywords