DynamicForm
This component allows you to create a form that accepts every kind of Input Components just like EmailComponent, InputComponent, etc.
It depends on ValidationObserver from Vee Validate.
Example

<dynamic-form
:submit-url="dataUrl"
:edition-mode="false"
:is-in-modal="false"
:form="innerForm"
:card-title="Card Tilte"
:card-subtitle="Card Subtilte"
:card-width="700"
:prevent-submit="false"
:close-on-submit="true"
:locale="locale"
@form-saved="reload"
@form-close="close"
/>
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| isInModal | Indicates if the component es on a modal | Boolean | false | true |
| cardIcon | - | String | false | "" |
| cardTitle | - | String | false | "" |
| cardSubtitle | - | String | false | null |
| cardTitleClass | - | String | false | "is-size-4" |
| cardSubtitleClass | - | String | false | "is-size-5" |
| cardWidth | - | Number | false | 400 |
| cardCustomClass | - | String | false | "" |
| submitUrl | - | String | false | "" |
| editionMode | Allows you to indicate if the submit will be put or post | Boolean | false | false |
| preventSubmit | Allows you to indicate if you want to prevent submition | Boolean | false | false |
| readonlyMode | Allows you to indicate if the filds are read only | Boolean | false | false |
| clearOnClose | Allows you to indicate if the form inside will be cleaned after close | Boolean | false | true |
| locale | Locale string {en, es ...} for display language on component | String | false | "en" |
| closeOnSubmit | Indicates if the component will close on submit | Boolean | false | true |
Events
| Event Name | Description | Parameters |
|---|---|---|
| form-close | - | - |
| onSubmit | - | - |
| form-saved | - | - |
| form-error | - | - |