0.0.2 • Published 7 years ago
react-recompose-paginate v0.0.2
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-pagfirstButton react-pagitem' | First button class name |
| lastButtonClassName | String | 'react-paglastButton react-pagitem' | 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-pagprevButton react-pagitem' | Prev button class name |
| nextButtonClassName | String | 'react-pagnextButton react-pagitem' | 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-pagprevSet react-pagitem' | Prev set button class name |
| nextSetClassName | String | 'react-pagnextSet react-pagitem' | 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