@eturnity/eturnity_reusable_components 1.2.31-3d-master.10 → 1.2.31-3d-master.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.31-3d-master.10",
+  "version": "1.2.31-3d-master.11",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -30,7 +30,19 @@
                     </div>
                   </template>
                 </input-number>
-      
+
+                <SwitchField
+                  @on-switch-change="onInputChange($event)"
+                  :options="[{value:0,content:'zero'},{value:1,content:'one'},{value:2,content:'two'}]"
+                  :value="value"
+                  label="label"
+                  toggleColor="red"
+                  size="large"
+                  backgroundColor="blue"
+                  labelAlign="left"
+                  fontColor="black"
+                  :disabled="false"
+                />
                
                 <Select 
                   :value="value"
@@ -64,6 +76,7 @@ import theme from "./assets/theme"
 import styled from "vue-styled-components"
 import InputNumber from "@/components/inputs/inputNumber"
 import Select from "@/components/inputs/select"
+import SwitchField from "@/components/inputs/switchField"
 import Option from "@/components/inputs/select/option"
 import Modal from "@/components/modals/modal"
  
@@ -88,6 +101,7 @@ export default {
     Modal,
     Option,
     Select,
+    SwitchField
   },
   data() {
     return {

package/src/components/inputs/switchField/index.vue

@@ -234,6 +234,11 @@ import styled from "vue-styled-components"
             this.$emit("on-switch-change", this.selectedValue)
         },
     },
+    watch:{
+      value(val){
+        this.selectedValue=val
+      }
+    }
   }
   </script>