Skip to content

99x-incubator/react-pagination

Repository files navigation

logo

@99xt/react-pagination

npm package Coveralls license Build Status

Simple pagination component for React JS apps.

Demo

Demo URL

Installation

To install this library, run:

npm install @99xt/react-pagination --save

Usage

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>
  }

Contributing Guide

Setting up the development environment

Clone the repository to your workstation

git clone [email protected]:99xt/react-pagination.git

Navigate to the project directory

cd react-pagination

Install and build the library

npm install

Run Demo app

npm install
npm start

check localhost:3000 to see the preview of the demo

Publish to NPM

Update the version in package.json;

npm run build
npm publish

Acknowledgement

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.

License

MIT

About

Simple pagination component for React apps.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published