# vue-haru-ripple
[![Build Status](https://api.travis-ci.org/wsqviva/vue-haru-ripple.png)](https://travis-ci.org/wsqviva/vue-haru-ripple)
[![npmversion](https://img.shields.io/npm/v/vue-haru-ripple.svg)](https://www.npmjs.com/package/vue-haru-ripple)
[![Dependency Status](https://david-dm.org/wsqviva/vue-haru-ripple.svg)](https://david-dm.org/wsqviva/vue-haru-ripple)
[![liscense](https://img.shields.io/npm/l/vue-haru-ripple.svg)](https://www.npmjs.com/package/vue-haru-ripple)

> ripple effect for vue.js app -- only depend on vue2

[Live Demo](https://wsqviva.github.io/vue-haru-ripple/)

## Install
install via yarn
```
$ yarn add vue-haru-ripple
```

## Usage
```html
<vue-haru-ripple class="ripple">
  <div>
    <span>my ripple</span>
  </div>
</vue-haru-ripple>
```

## TODO LIST
- [ ] fix apparent bug
- [ ] add directive

## Maintainer
This handsome guy is not only the maintainer, but also the owner. 👻

| [![wsqviva](https://avatars2.githubusercontent.com/u/7554547?v=3&s=70)](https://github.com/wsqviva) |
| --- |
| [wsqviva](https://github.com/wsqviva) |



## License
[MIT](https://en.wikipedia.org/wiki/MIT_License)