Need help with vue-touch-ripple?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

surmon-china
433 Stars 45 Forks MIT License 45 Commits 8 Opened issues

Description

👆 Touch ripple component for @vuejs

Services available

!
?

Need anything else?

Contributors list

No Data

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.