npm package Coveralls license Build Status
Simple pagination component for React JS apps.
To install this library, run:
npm install @99xt/react-pagination --save
example.react.js
constructor(props) { super(props); this.state={ 'selectedPage':1 } this.getSelectedPage = this.getSelectedPage.bind(this) } getSelectedPage(k) { this.setState({ 'selectedPage': k }) } render() { return <div> <h1>pagination-react Demo</h1> <react-pagination total='totalRecordCount' limit='recordsPerPage' returnSelectedPage={this.getSelectedPage} /> <br /> <h2>{"Selected page : " + this.state.selectedPage}</h2> </div> }
Clone the repository to your workstation
git clone git@github.com:99xt/react-pagination.git
Navigate to the project directory
cd react-paginationInstall and build the library
npm install
npm install
npm start
check localhost:3000 to see the preview of the demo
Update the version in package.json;
npm run build
npm publish
react-pagination is initially developed for the Hacktitude open source hackathon. Special thanks goes to project mentors @thinkholic, @lakindu95, @PramithaSamarakoon and awesome Dotitude Family from 99xt.
MIT