# ripple-vue

> Ripple Directive For Vue

Latest version **1.0.1** (published 2018-09-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install ripple-vue
pnpm add ripple-vue
yarn add ripple-vue
bun add ripple-vue
```

## 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.0.1 |
| Published | 2018-09-07 |
| First published | 2018-09-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 29.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | quxiaoming |
| Maintainers | shellming |
| Keywords | ripple, vue, ripple-vue, v-ripple |

## Links

- npm: https://www.npmjs.com/package/ripple-vue
- Repository: https://github.com/QuXiaoMing/v-ripple
- Homepage: https://github.com/QuXiaoMing/v-ripple#readme
- Issues: https://github.com/QuXiaoMing/v-ripple/issues
- npm.io page: https://npm.io/package/ripple-vue

## Recent versions

- 1.0.1 (latest) — 2018-09-07
- 1.0.0 — 2018-09-07

## README

# v-ripple
Ripple Directive For Vue


## Starting

### NPM
```bash
npm install ripple-vue -S
```

```javaScript
import Vue from 'vue';
import VRipple from 'ripple-vue';

Vue.directive('ripple', VRipple);
```

### CDN
```html
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script src="./dist/v-ripple.js"></script>
<script>
    Vue.directive('ripple', VRipple);
</script>
```


## Usage
```html
<!-- Default -->
<div v-ripple></div>

<!-- Customized -->
<div v-ripple="{color: '#FFF', during: 0.5}"></div>
```

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