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-paginateBy Yarn
yarn add react-recompose-paginateLicense
MIT