the-pager v2.0.14

the-pager

Pager of the-components

Installation

$ npm install the-pager --save

Usage

Live Demo is hosted on GitHub Page

'use strict'

import React from 'react'
import { ThePager, ThePagerStyle } from 'the-pager'

class ExampleComponent extends React.PureComponent {
  constructor (props) {
    super(props)
    const s = this
    s.state = {page: 2}
  }

  render () {
    const s = this
    let {state} = s
    return (
      <div>
        <ThePagerStyle/>
        <ThePager.Row>
          <ThePager total={8}
                    page={state.page}
                    size={3}
                    onChange={(e) => s.setState({page: e.page})}>
          </ThePager>
          <ThePager.Counts counts={{limit: 25, offset: 25, total: 52}}/>
        </ThePager.Row>

        <hr/>

        <ThePager total={15}
                  page={state.page}
                  size={5}
                  hrefPattern='?page=:page'>
        </ThePager>
      </div>

    )
  }
}

export default ExampleComponent

Components

ThePager

Pager of the-components

Props

ThePagerStyle

Style for ThePager

Props

License

This software is released under the MIT License.

Links

• THE Labo