```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"
