V-ripple vuetify
Button component for Vuetify Framework. The v-btn component replaces the standard html button with a material design theme and a multitude of options. Any color helper class can be used to alter the background or text color. If you love building apps in Vue.js but struggle to know where to start with UI design, look no further than Vuetify. It's a UI library containing handcrafted material components which give apps a beautiful finish and professional feel. Material Ripple Effect as Vue Directive. View demo Download Source. This directive it's meant to be used in any element in which you like to achieve such ripple effect. Installation v-ripple.mouseover.500 Can also modify only one. v-ripple.mouseover Sample & Usage. Vuetify Material Design Component Framework. We strive to bring MD spec components to vue.js developers so you can do more with your application, faster. Vuetify makes prototyping apps fast and beautiful and is highly customizable with a fully featured set of single file components.
Ripple, in turn, was created for banks and payment networks as a payment settlement, money transfer system, and currency exchange. The main idea of Ripple
28 Mar 2018 directive('ripple', Ripple);. Then use on any element you want to achieve the effect.