apeman-react-pager

apeman react package for pager components.

Usage no npm install needed!

<script type="module">
  import apemanReactPager from 'https://cdn.skypack.dev/apeman-react-pager';
</script>

README

apeman-react-pager

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for pager components.

Installation

$ npm install apeman-react-pager --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApPager, ApPagerStyle} from 'apeman-react-pager'

const ExampleComponent = React.createClass({
  getInitialState () {
    return {
      page: 2
    }
  },
  render () {
    const s = this
    let { state } = s
    return (
      <div>
        <ApPagerStyle highlightColor="#38E"/>
        <ApPager total={ 8 }
                 page={ state.page }
                 size={ 3 }
                 onChange={ (e) => s.setState({ page:e.page }) }
        />
      </div>
    )
  }
})

Components

ApPagerItem

Props

Name Type Default Description

ApPagerStyle

Props

Name Type Default Description

ApPager

Props

Name Type Default Description

License

This software is released under the MIT License.

Links