Reactnator

The easier way to paginate things

Installing

In your project folder, type on console

yarn add reactnator

or you can use NPM aswell

npm i reactnator

Dependencies

• React
• ReactDOM
• Recompose
• scroll-to-target

Api Reference

| Property | Type | Default | Description | | --- | --- | --- | --- | | total | number | 1 | total of pages | | currentPage | number | 1 | page number that will receive active class | | onChange | function | page => console.log(page) | onChange handler, that receive page with new current page value | | scrollTo | object | false | allows scroll to some point on click, this object receive these following values { selector: #valid-dom-element, speed: 1, offset: 0} | | type | string | button | this prop will decide how type of pagination you want; button, link or history (not yet) | | link | string | # | URL who reactnator will add pagination's number. Example with default values: #1 | | pageNumberStyle | string | reactnator__page-number | optional style to page numbers | | activePageStyle | string | reactnator__page-number--active | optional style to active page number |

License

Licensed under the MIT license.