open-index/open-npm huggingface dataset:
npm package: @sevenschan/react-count-to
Description: It's a react component that will count to a target number at a specified duration
Author: sevenschan
Latest version: 1.0.2

# React-countTo

> It's a react component that will count to a target number at a specified duration

 [![react](https://img.shields.io/badge/react-16.12.x-brightgreen.svg)](https://reactjs.org/)
 [![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/superhos/react-countTo)
 [![npm](https://img.shields.io/npm/v/react-count-to.svg)](https://www.npmjs.com/package/react-count-to)
 [![npm](https://img.shields.io/npm/dm/react-count-to.svg)](https://npmcharts.com/compare/react-count-to)
 [![minified](https://badgen.net/bundlephobia/min/react-count-to)](https://bundlephobia.com/result?p=react-count-to)
 [![gzip](https://badgen.net/bundlephobia/minzip/react-count-to)](https://bundlephobia.com/result?p=react-count-to)

Inspire by [Vue-countTo](https://github.com/PanJiaChen/vue-countTo).

React-countTo is a easy component for counting to a target number at a specified duration.

## [Try the demo](http://blog.chenhaotaishuaile.com/react-countTo/demo/index.html)

### How to use?
```bash
npm install @sevenschan/react-count-to
```

### Example

```react
import { ReactCountTo } from '@sevenschan/react-count-to'

<ReactCountTo className={'demo_1'} ref={'counter'} startVal={1990} endVal={2020} duration={1000}/>
```

### Options
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| startVal       | the value you want to begin at |Number| 0 |
| endVal         | the value you want to arrive at |Number | 2020 |
| duration  | duration in millisecond | Number | 3000 |
| autoplay     | when mounted autoplay | Boolean | true |
| decimals     | the number of decimal places to show | Number | 0 |
| separator     | the separator | String | , |
| prefix     | the prefix | String | '' |
| suffix     | the suffix | String | '' |
| prefixClassName     | the prefix's class| String | '' |
| prefixStyle     | the prefix's style| String | '' |
| suffixClassName     | the suffix's style| String | '' |
| suffixStyle     | the suffix's style| String | '' |
| useEasing     | is use easing function | Boolean | true |
| easingFn     | the easing function | Function | — |

** notes: when autoplay:true , it will auto start when startVal or endVal change **


### Functions
| Function Name | Description   |
| :--------:   | -----  |
|    start    |  start the countTo  |
|    pause   |  pause  the countTo |
|    resume    |  resume to countTo |
|    stop    |  stop the countTo |
|    reset    |  reset the countTo |

### Events
| Event Name | Description   |
| :--------:   | -----  |
|    onDone    |  when animation is done will callback  |
npm package: @sevensigma/css-helper
Description: Provides methods that help manage CSS references on a page.
Author: sevensigma-au
Latest version: 1.0.0

# css-helper
A module that provides methods that help manage CSS references on a page.

## Installation
npm install @sevensigma/css-helper --save

yarn add @sevensigma/css-helper

## Usage

### JavaScript
var cssHelper = require('@sevensigma/css-helper');

### TypeScript
import { CssHelper } from '@sevensigma/css-helper';
npm package: @sevensigma/pnpjs-error-helper
Description: A module providing utility methods for handling errors from the PnPJS library.
Author: sevensigma-au
Latest version: 1.0.2

# pnpjs-helper
A module providing utility classes for the PnPJS library.

## Installation
npm install @sevensigma/pnpjs-error-helper --save

yarn add @sevensigma/pnpjs-error-helper

## Usage

### JavaScript
var ErrorHelper = require('@sevensigma/pnpjs-error-helper');

### TypeScript
import { ErrorHelper } from '@sevensigma/pnpjs-error-helper';
npm package: @sevensigma/spfx-property-controls
Description: This package provides additional SPFX web part property pane controls.
Author: sevensigma-au
Latest version: 1.0.2

# web-storage-cache
This package provides additional SPFX web part property pane controls.

## Installation
npm install @sevensigma/spfx-property-controls --save

yarn add @sevensigma/spfx-property-controls

## Usage

### JavaScript
var spfxPropertyControls = require('@sevensigma/spfx-property-controls');

### TypeScript
import { PropertyPaneSpListDropdown } from '@sevensigma/spfx-property-controls';
npm package: @sevensigma/spfx-property-validator
Description: A module providing property validation methods for SharePoint Framework (SPFx) web parts.
Author: sevensigma-au
Latest version: 1.0.0

# spfx-property-validator
A module providing property validation methods for SharePoint Framework (SPFx) web parts..

## Installation
npm install @sevensigma/spfx-property-validator --save

yarn add @sevensigma/spfx-property-validator

## Usage

### JavaScript
var propertyValidator = require('@sevensigma/spfx-property-validator');

### TypeScript
import { PropertyValidator } from '@sevensigma/spfx-property-validator';
npm package: @sevensigma/url-helper
Description: A module providing utlility methods for handling URL's.
Author: sevensigma-au
Latest version: 1.0.0

# url-helper
A module providing utlility methods for handling URL's.

## Installation
npm install @sevensigma/url-helper --save

yarn add @sevensigma/url-helper

## Usage

### JavaScript
var urlHelper = require('@sevensigma/url-helper');

### TypeScript
import { UrlHelper } from '@sevensigma/url-helper';
npm package: @sevensigma/web-data-store
Description: This package provides classes for caching data in the browser and synchronising shared access to them.
Author: sevensigma-au
Latest version: 1.0.3

# web-storage-cache
This package provides classes for caching data in the browser and synchronising shared access to them.

## Installation
npm install @sevensigma/web-data-store --save

yarn add @sevensigma/web-data-store

## Usage

### JavaScript
var webStorageCache = require('@sevensigma/web-data-store');

### TypeScript
import { WebStorageCache } from '@sevensigma/web-data-store';
npm package: @sevensigma/web-storage-cache
Description: A module providing a cache that uses the Web Storage API.
Author: sevensigma-au
Latest version: 1.0.0
Deprecated: No longer maintained, use @sevensigma/web-data-store instead

# web-storage-cache
A module providing a cache that uses the Web Storage API.

## Installation
npm install @sevensigma/web-storage-cache --save

yarn add @sevensigma/web-storage-cache

## Usage

### JavaScript
var webStorageCache = require('@sevensigma/web-storage-cache');

### TypeScript
import { WebStorageCache } from '@sevensigma/web-storage-cache';