# pagination-react

> pagination for react

Latest version **1.1.6** (published 2017-10-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install pagination-react
pnpm add pagination-react
yarn add pagination-react
bun add pagination-react
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.6 |
| Published | 2017-10-20 |
| First published | 2017-05-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | zwei |
| Maintainers | zweizhao |
| Keywords | page, pagination, react |

## Links

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

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.6 (latest) — 2017-10-20
- 1.1.5 — 2017-10-20
- 1.1.4 — 2017-10-20
- 1.1.3 — 2017-10-20
- 1.1.2 — 2017-10-20
- 1.1.1 — 2017-10-20
- 1.1.0 — 2017-10-20
- 1.0.0 — 2017-09-01
- 0.9.8 — 2017-05-16

## README

# pagination for react

!(preview)[preview.gif]

**install**

`npm install --save-dev pagination-react style-loader css-loader`

**webpack.config.js**

```
// add loader
{
	test: /\.css$/,
	loader: "style-loader!css-loader"
}
```

**import**

`import Pagination from 'pagination-react'`

**use**

```
<Pagination 
	count={16}
	groupCount={5}
	selectedCount={1}
	setUpdate={handle => this.updatePagination = handle}
	callback={index => console.log(index)}/>
```

> count: size

> groupCount: every group show how many items

> selectedCount: current index, is optional

> setUpdate: update index, is optional

> callback: an arg with index

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