react-recompose-paginate
v0.0.2 ReactJs Pagination Paginate Recompose
react-recompose-paginate ( Version 0.0.1 )
A small react component for pagination built with Recompose.
Props
Name | Type | Default value | Description |
---|---|---|---|
total | Number | isRequired | Total of pages |
currentPage | Number | 0 | Current page index |
visiblePages | Number | 4 | Number of visible pages |
onChange | Function | isRequired | Call back function |
containerClassName | String | 'react-pag' | Container class name |
wrapperClassName | String | 'react-pag__wrapper' | Wrapper class name |
firstButton | Element or String Or Node | 'First' | First button component |
lastButton | Element or String Or Node | 'Last' | Last button component |
firstButtonClassName | String | 'react-pag__firstButton react-pag__item' | First button class name |
lastButtonClassName | String | 'react-pag__lastButton react-pag__item' | Last button class name |
prevButton | Element or String Or Node | '\u00AB' | Prev button component |
nextButton | Element or String Or Node | '\u00BB' | Next button component |
prevButtonClassName | String | 'react-pag__prevButton react-pag__item' | Prev button class name |
nextButtonClassName | String | 'react-pag__nextButton react-pag__item' | Next button class name |
prevSet | Element or String Or Node | '...' | Prev set button component |
nextSet | Element or String Or Node | '...' | Next set button component |
prevSetClassName | String | 'react-pag__prevSet react-pag__item' | Prev set button class name |
nextSetClassName | String | 'react-pag__nextSet react-pag__item' | Next set button class name |
hideFirstAndLastButton | Bool | false | Hide first and last button |
isHidden | Bool | false | No render pagination by condition |
DEMO
Under construction
Installation
By npm
npm install --save react-recompose-paginate
By Yarn
yarn add react-recompose-paginate
License
MIT
npm i react-recompose-paginate
Metadata
- MIT
- >= 4.7.0
- Phuc Nguyen Hoang
- released 11/8/2017