Skip to content

Form Design

Introduction

FormDesign is a visual form designer component for vue-form-craft.

vue
<template>
  <form-design @onSave="onSave" />
</template>

<script setup>
const onSave = (newSchema) => {
  console.log(newSchema)
}
</script>

Props

NameTypeDefaultDescription
v-modelFormSchema-The schema of the designer.
schemaContextobject-Custom linkage variables for the schema.
omitMenusstring[][]An array of component keys to hide in the left menu.
templatesTemplateData-Custom templates available in the left menu.

Events

NameTypeDescription
onSave()=>voidTriggered when the save button is clicked.