@@ -4,14 +4,14 @@ For the simple usage with schema and data values FormKitDataEdit and FormKitData
44
55<DisplayFormComponents />
66
7-
87## Usage
98
109To use the components there must be an import or global registration.
1110
12- ``` ts
13- < FormKitDataEdit v - model = " formData" :schema = " formSchema"
14- @data - saved = " submitHandler" / >
11+ ``` vue
12+ <FormKitDataEdit v-model="formData" :schema="formSchema"
13+ @data-saved="submitHandler"
14+ />
1515```
1616
1717### Debug
@@ -22,7 +22,7 @@ Use properties **:debug-schema="true"** and / or **:debug-data="true"** for debu
2222
2323### Main Properties
2424
25- | Property | Type | Description
25+ | Property | Type | Description
2626| :--------------| :-------- | :--------------------------------------------------------|
2727| v-model | Object | The data object to be edited with 2-Way-Binding |
2828| data | Object | The data object to be edited |
@@ -32,7 +32,7 @@ Use properties **:debug-schema="true"** and / or **:debug-data="true"** for debu
3232| : show-reset | Boolean | Display some Button for resetting data to initial state |
3333### Style Properties
3434
35- | Property | Type | Description
35+ | Property | Type | Description
3636| :---------------| :--------| :--------------------------------------------|
3737| formClass | String | Add additional classes to the form |
3838| actionsClass | String | Add additional classes to the action div |
@@ -45,7 +45,6 @@ Use properties **:debug-schema="true"** and / or **:debug-data="true"** for debu
4545| resetLabel | String | Default: Reset |
4646| resetIcon | String | PrimeVue Button icon |
4747
48-
4948### Example
5049
5150``` vue
@@ -62,7 +61,8 @@ async function submitHandler(data: any) {
6261
6362<template>
6463 <div>
65- <FormKitDataEdit v-model="formData" :schema="formSchema"
64+ <FormKitDataEdit
65+ v-model="formData" :schema="formSchema"
6666 :debug-schema="false" :debug-data="true"
6767 @data-saved="submitHandler"
6868 />
0 commit comments