react-recompose-paginate
v0.0.2
Published
Simple pagination component built with ReactJs & Recompose
Downloads
3
Maintainers
Readme
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