Stateless Pager component

[![Code Climate][cc-image]][cc-url]
[![Build Status][travis-image]][travis-url]

[![NPM version][npm-stats]][npm-url]

Getting started

``javascript
import React from 'react';
import { render } from 'react-dom';
import Pager from 'react-pager';

class App extends React.Component {
constructor(props) {
super(props);

this.handlePageChanged = this.handlePageChanged.bind(this);

this.state = {
total: 11,
current: 7,
visiblePage: 3,
};
}

handlePageChanged(newPage) {
this.setState({ current : newPage });
}

render() {
return (
total={this.state.total}
current={this.state.current}
visiblePages={this.state.visiblePage}
titles={{ first: '<|', last: '>|' }}
className="pagination-sm pull-right"
onPageChanged={this.handlePageChanged}
/>
);
}
}

window.onload = () => {
render(React.createElement(App), document.querySelector('#app'));
};

`

How it looks like*

!First | Prev | ... | 6 | 7 | 8 | 9 | ... | Next | Last

\* Bootstrap 3.0 is required by default, but you can replace it with your own css.




Demo

Just open demo/index.html in your browser.
Or see interactive demo here.

Tests

`sh
npm test
`

Changelog

$3

* @kallaspriit fixed #16
* Updates devDependencies
* Move building procedure to Docker

$3

* Fixed #12

$3

* Rewrited all to ES6.
* Switched from gulp + browserify to webpack.
* Now officially supports only React >= 15.0.0

$3

* Updated to React 15. Thanks to contributors!

$3

* Updated to React 0.13.
* Updated local demo.

$3

* Added titles property. See demo.
* Improved building script.

$3

* Fixed

* Added a few unit-tests.

Contributors

See contributors.

[npm-stats]: https://nodei.co/npm/react-pager.png?compact=true
[npm-url]: https://www.npmjs.org/package/react-pager
[cc-image]: https://codeclimate.com/github/AZaviruha/pager/badges/gpa.svg
[cc-url]: https://codeclimate.com/github/AZaviruha/pager
[travis-image]: https://travis-ci.org/AZaviruha/pager.svg?branch=master
[travis-url]: https://travis-ci.org/AZaviruha/pager