0.1.0 • Published 7 years ago
react-easy-paginate v0.1.0
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.