diff --git a/webapp/components/InputCheckbox/InputCheckbox.spec.js b/webapp/components/InputCheckbox/InputCheckbox.spec.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/webapp/components/InputCheckbox/InputCheckbox.vue b/webapp/components/InputCheckbox/InputCheckbox.vue
new file mode 100644
index 000000000..4ad8a3d42
--- /dev/null
+++ b/webapp/components/InputCheckbox/InputCheckbox.vue
@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <input
+      type="checkbox"
+      v-model="currentValue"
+      :name="name"
+    />
+    {{ label }}
+  </div>
+</template>
+<script>
+export default {
+  inject: {
+    $parentForm: {
+      default: null,
+    },
+  },
+  props: {
+    value: {
+      type: Boolean,
+      required: true,
+      default: false,
+    },
+    label: {
+      type: String,
+      required: true,
+      default: '',
+    },
+    name: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      currentValue: this.value,
+    }
+  },
+  watch: {
+    currentValue() {
+    //   this.$emit('input', this.currentValue)
+      this.$parentForm.update('formData.isOnlineEvent', this.currentValue)
+    },
+  },
+}
+</script>
\ No newline at end of file