React-Easy-Paginate
React component to render a pagination.
Installation
The easises way to use React-Easy-Paginate is ti install from npm.
npm install react-easy-paginate --save
At this point you can import react-easy-paginate and simple styles in your application :
import ReactEasyPaginate from 'react-easy-paginate'
import `react-easy-paginate/dist/react-easy-paginate.css`Props
| Name | Type | Default Props | Description |
|---|---|---|---|
pageTotal |
Number |
undefined |
Required. The total number of pages |
rangeDisplayed |
Number |
undefined |
Required. The range of page displayed |
startPage |
Number |
1 |
From which page starts |
onClick |
Function |
undefined |
The method to call when click on next/previous page, return number of current page |
nextLabel |
node |
<a>Next</a> |
Label for the next button |
previousLabel |
node |
<a>Previous</a> |
Label for the previous button |
activeClass |
String |
active |
The className for the active page |
labelDisabledClass |
String |
disabled |
The className for the disabled label |
Example
To run example locally, clone this repo then run:
//if you do not install the module, if installed, proceed to the next step
npm install
make run-example
After open localhost:8000 (or what port you using in process.env.PORT) in a browser.
License
MIT Licensed.