Add checkboxes

app/Form/Fields/CheckboxField.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Form\Fields;
+
+class CheckboxField extends Field
+{
+    public static function name(): string
+    {
+        return 'Checkbox';
+    }
+
+    public static function meta(): array
+    {
+        return [
+            'description' => '',
+        ];
+    }
+
+    public static function default()
+    {
+        return false;
+    }
+}

app/Form/Fields/CheckboxesField.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Form\Fields;
+
+class CheckboxesField extends Field
+{
+    public static function name(): string
+    {
+        return 'Checkboxes';
+    }
+
+    public static function meta(): array
+    {
+        return [
+            'options' => [],
+        ];
+    }
+
+    public static function default()
+    {
+        return [];
+    }
+}

resources/js/views/formtemplate/CheckboxField.vue

@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <f-textarea
+            id="description"
+            label="Beschreibung"
+            size="sm"
+            name="description"
+            :model-value="modelValue.description"
+            @update:modelValue="$emit('update:modelValue', {...modelValue, description: $event})"
+        ></f-textarea>
+    </div>
+</template>
+
+<script setup>
+const props = defineProps({
+    modelValue: {},
+});
+
+const emit = defineEmits(['update:modelValue']);
+</script>

resources/js/views/formtemplate/FormBuilder.vue

@@ -53,6 +53,8 @@ import Asideform from './Asideform.vue';
 import TextareaField from './TextareaField.vue';
 import DropdownField from './DropdownField.vue';
 import RadioField from './RadioField.vue';
+import CheckboxField from './CheckboxField.vue';
+import CheckboxesField from './DropdownField.vue';
 
 const sectionVisible = ref(-1);
 const singleSection = ref(null);
@@ -68,6 +70,8 @@ const fields = {
     TextareaField: TextareaField,
     DropdownField: DropdownField,
     RadioField: RadioField,
+    CheckboxField: CheckboxField,
+    CheckboxesField: CheckboxesField,
 };
 
 function editSection(sectionIndex) {