rc-pager

pager ui component for react

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
rc-pager
2682.2.09 years ago9 years agoMinified + gzip package size for rc-pager in KB

Readme

rc-pager
react pager component
!NPM versionnpm-imagenpm-url !build statustravis-imagetravis-url !Test coveragecoveralls-imagecoveralls-url !gemnasium depsgemnasium-imagegemnasium-url !node versionnode-imagenode-url !npm downloaddownload-imagedownload-url

install

rc-pager

Usage

var Pager = require('rc-pager');
React.renderComponent(
  <Pager total={10} current={5}/>,
  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/nodemodules/rc-server/nodemodules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage

License

rc-pager is released under the MIT license.