This package has been deprecated

Author message:

move to @the-/ui-pager ( https://github.com/the-labo/the/tree/master/packages/ui-pager#readme )

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

Name	Type	Description	Default
hrefPattern	string	Pattern for href	null
onChange	func	Handler for page change	``
page	number	Current page number. Start with 0	``
size	number	Number of items to show	5
total	number	Total page count	``

ThePagerStyle

Style for ThePager

Props

Name	Type	Description	Default
options	object	Style options	{}

License

This software is released under the MIT License.

Links

• THE Labo