1 files changed, 3 insertions, 10 deletions
diff --git a/src/api/forms/components/controls/CheckBoxField.vue b/src/api/forms/components/controls/CheckBoxField.vue
index 6bbd21553..bfff992bd 100644
--- a/src/api/forms/components/controls/CheckBoxField.vue
+++ b/src/api/forms/components/controls/CheckBoxField.vue
@@ -36,7 +36,10 @@
 </template>
 
 <script>
+import toggleMixin from '../../toggle-check-box-mixin';
+
 export default {
+    mixins: [toggleMixin],
     props: {
         model: {
             type: Object,
@@ -47,16 +50,6 @@ export default {
         return {
             isChecked: this.model.value
         };
-    },
-    methods: {
-        toggleCheckBox() {
-            this.isChecked = !this.isChecked;
-            const data = {
-                model: this.model,
-                value: this.isChecked
-            };
-            this.$emit('onChange', data);
-        }
     }
 };
 </script>