feat(customization): add fill & id attribute to container

SvenWesterlaken · Feb 3, 2021 · 5b19b0c · 5b19b0c
1 parent 34bfdee
commit 5b19b0c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/vue-wavify.vue b/src/vue-wavify.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="vue-wavify-wave" ref="wave" v-on="$listeners">
+<div class="vue-wavify-wave" ref="wave" v-on="$listeners" :id="id" :style="style">
   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" >
     <slot></slot>
     <path :d="this.path" :fill="fill" v-bind="$attrs"/>
@@ -35,6 +35,14 @@ export default {
     fill: {
       default: 'blue',
       type: String
+    },
+    id: {
+      default: null,
+      type: String
+    },
+    style: {
+      default: null,
+      type: String
     }
   },
   data() {