# vue-animation-counter

**Repository Path**: jjhoc/vue-animation-counter

## Basic Information

- **Project Name**: vue-animation-counter
- **Description**: Just the simple animation counter
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-03
- **Last Updated**: 2021-10-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# V-Number
## Animated number transition library for Vue.js

## Installation

```
yarn add vue-animation-counter
// or
npm install vue-animation-counter
// or 
cnpm i vue-animation-counter --save
```

## Usage

### Simple lightweight library for smooth vertical number transitions

```js
import { VNumber } from "@vue-animation-counter";
import { VNumfy } from "@vue-animation-counter";

```
And use:

```html
<v-number v-model="someNumber"></v-number>
```

You can set custom animation speed in ms:

```html
<v-number :speed="2000" v-model="someNumber"></v-number>
```


### Flashing number transitions
```js
import { VFlashNumber } from "@vue-animation-counter";
```

### Flashing number transitions that will supports blockchain numbers
```js
import { VFNumber } from "@vue-animation-counter";
```

```vue
   <v-f-number
            :start-val="0"
            :end-val="900000000"
            :decimals="10"
            :decimal-show="3"
            :duration="3000"
            subfix="BTC"
          />

```