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. |