https://github.com/react-component/pager
React Pager
https://github.com/react-component/pager
Last synced: 7 months ago
JSON representation
React Pager
- Host: GitHub
- URL: https://github.com/react-component/pager
- Owner: react-component
- Created: 2014-12-03T02:34:03.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2021-07-27T21:14:10.000Z (over 4 years ago)
- Last Synced: 2025-08-29T07:58:29.211Z (7 months ago)
- Language: JavaScript
- Homepage:
- Size: 49.8 KB
- Stars: 26
- Watchers: 6
- Forks: 13
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: HISTORY.md
Awesome Lists containing this project
README
# rc-pager
react pager component
[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]
[![gemnasium deps][gemnasium-image]][gemnasium-url]
[![node version][node-image]][node-url]
[![npm download][download-image]][download-url]
[npm-image]: http://img.shields.io/npm/v/rc-pager.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rc-pager
[travis-image]: https://img.shields.io/travis/react-component/pager.svg?style=flat-square
[travis-url]: https://travis-ci.org/react-component/pager
[coveralls-image]: https://img.shields.io/coveralls/react-component/pager.svg?style=flat-square
[coveralls-url]: https://coveralls.io/r/react-component/pager?branch=master
[gemnasium-image]: http://img.shields.io/gemnasium/react-component/pager.svg?style=flat-square
[gemnasium-url]: https://gemnasium.com/react-component/pager
[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square
[node-url]: http://nodejs.org/download/
[download-image]: https://img.shields.io/npm/dm/rc-pager.svg?style=flat-square
[download-url]: https://npmjs.org/package/rc-pager
## install
[](https://npmjs.org/package/rc-pager)
## Usage
```js
var Pager = require('rc-pager');
React.renderComponent(
,
document.getElementById('p1')
);
```
## Development
```
npm install
npm start
```
## Example
http://localhost:8000/examples/
online example:
http://react-component.github.io/pager/build/examples/index.html
## API
#### total `Number`
* total page
#### current `Number`
* current page
#### previousLabel `String|Element`
* previous page label, also can be a React Component
#### nextLabel `String|Element`
* next page label, also can be a React Component
#### onSkipTo(page) `Function`
* The callback when the page skip
## Test Case
http://localhost:8000/tests/runner.html?coverage
## Coverage
http://localhost:8000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage
## License
rc-pager is released under the MIT license.