# mf-react-paginator

> Pagination with react JS

Latest version **1.0.2** (published 2020-02-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install mf-react-paginator
pnpm add mf-react-paginator
yarn add mf-react-paginator
bun add mf-react-paginator
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2020-02-23 |
| First published | 2020-02-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 1 |
| Unpacked size | 50.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | mgonzalez1 |
| Maintainers | dev.mgonzalez |

## Links

- npm: https://www.npmjs.com/package/mf-react-paginator
- Repository: https://github.com/mgonzalez1/mf-react-paginator
- Homepage: https://github.com/mgonzalez1/mf-react-paginator#readme
- Issues: https://github.com/mgonzalez1/mf-react-paginator/issues
- npm.io page: https://npm.io/package/mf-react-paginator

## Dependencies (1)

- [classnames](https://npm.io/package/classnames.md) ^2.2.6

## Recent versions

- 1.0.2 (latest) — 2020-02-23
- 1.0.1 — 2020-02-23
- 1.0.0 — 2020-02-23

## README

# mf-react-paginator

> Pagination with react JS

[![NPM](https://img.shields.io/npm/v/mf-react-paginator.svg)](https://www.npmjs.com/package/mf-react-paginator) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save mf-react-paginator
```

## Usage

```jsx
import React, { Component } from 'react'

import Pagination from 'mf-react-paginator'

class Example extends Component {
  toPage(page) {
    console.log(page);
  }

  render () {
    const options = {
      perPage: 10,
      current: 1,
      prev: false,
      next: true,
      last: 10,
      total: 100,
    };

    return (
      <div>
        <Pagination 
          options={options}                   // Required
          onClick={this.toPage.bind(this)}    // Required
          pageRangeDisplayed={3}              // Optional
          prevPageText={'Anterior'}           // Optional
          firstPageText={'Primera página'}    // Optional
          nextPageText={'Siguiente'}          // Optional
          lastPageText={'Última página'}      // Optional
          innerClass={undefined}              // Optional
          itemClass={undefined}               // Optional
          linkClass={undefined}               // Optional
          activeClass={'active'}              // Optional
          disabledClass={'disabled'}          // Optional
        />
      </div>
    )
  }
}
```

## License

MIT © [mgonzalez1](https://github.com/mgonzalez1)

---
_Source: https://npm.io/package/mf-react-paginator · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._