wip

modal.md

@@ -0,0 +1,48 @@
+```html
+<component
+      v-for="(rowField, j) in this.field.fields"
+      :key="j"
+      :is="`form-${rowField.component}`"
+      :field="rowField"
+      class="w-full"
+    />
+
+    <Modal
+  :show="showModal"
+  size="7xl"
+  tabindex="-1"
+  role="dialog"
+>
+  <div>
+    <ModalHeader v-text="'Headline of Modal'" class="bg-gray-100 dark:bg-gray-700" />
+
+    <ModalBody>
+      <div class="px-4 py-5 sm:p-6">
+        <ModalForm></ModalForm>
+      </div>
+    </ModalBody>
+
+    <ModalFooter>
+      <div class="flex items-center ml-auto">
+        <CancelButton
+            component="button"
+            type="button"
+            dusk="cancel-action-button"
+            class="ml-auto mr-3"
+            @click="onClose"
+        />
+
+        <DefaultButton
+            type="submit"
+            @click="onSubmit"
+        >
+          Submit
+        </DefaultButton>
+      </div>
+    </ModalFooter>
+  </div>
+</Modal>
+```
+
+"type": "composer",
+            "url": "https://nova.laravel.com"