vue-ripple-directive - npm Package Compare versions

Comparing version 1.0.13 to 1.1.0

package.json

 {
   "name": "vue-ripple-directive",
-  "version": "1.0.13",
+  "version": "1.1.0",
   "description": "Vue Material Ripple Effect Directive",
@@ -5,0 +5,0 @@ "main": "src/ripple.js",

README.md

@@ -63,1 +63,10 @@ #   Material Ripple Effect
 ```
+
+You can also set the default color for all your ripples like follows
+
+```
+import Ripple from 'vue-ripple-directive'
+
+Ripple.color = 'rgba(255, 255, 255, 0.35)';
+Vue.directive('ripple', Ripple);
+```

src/ripple.js

@@ -1,2 +0,2 @@
-export default {
+var Ripple = {
     bind: function(el, binding){
@@ -16,3 +16,3 @@
 
-        var bg = binding.value || 'rgba(0, 0, 0, 0.35)';
+        var bg = binding.value || Ripple.color || 'rgba(0, 0, 0, 0.35)';
 
@@ -104,3 +104,3 @@ function rippler(event, el) {
     }
-}
+};
 
@@ -114,2 +114,4 @@ function setProps(modifiers,props) {
     });
-}
+}
+
+export default Ripple;

No alert changes

Improved metrics

Total package byte prevSize

81189

increased by0.29%

Lines of code

188

increased by0.53%

Number of lines in readme file

71

increased by12.7%

No dependency changes