vue-touch-ripple

by surmon-china

surmon-china /vue-touch-ripple

πŸ‘† Touch ripple component for @vuejs

429 Stars 44 Forks Last release: Not found MIT License 45 Commits 11 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

GitHub stars GitHub issues GitHub forks GitHub last commit license

NPM NPM

Vue-Touch-Ripple

Touch ripple component for Vue.

Example

Demo Page

CDN Example

Install

CDN


NPM

npm install vue-touch-ripple --save

Mount

mount with global

import Vue from 'vue'
import VueTouchRipple from 'vue-touch-ripple'

// import styles import 'vue-touch-ripple/dist/vue-touch-ripple.css'

// mount with global Vue.use(VueTouchRipple, /* { // default global options color: '#fff', opacity: 0.3, speed: 1, transition: 'ease' } */)

mount with component

import { touchRipple } from 'vue-touch-ripple'

// import styles import 'vue-touch-ripple/dist/vue-touch-ripple.css'

export default { components: { touchRipple } }

Component


Options

| prop | type |default | | :-------- | :----- | :---- | | speed |

Number
|
1
| | color |
String
|
#fff
| | opacity |
Number
|
0.3
| | transition |
String
|
ease-out
|

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.