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

DynamicForm

<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

NameDescriptionTypeRequiredDefault
isInModalIndicates if the component es on a modalBooleanfalsetrue
cardIcon-Stringfalse""
cardTitle-Stringfalse""
cardSubtitle-Stringfalsenull
cardTitleClass-Stringfalse"is-size-4"
cardSubtitleClass-Stringfalse"is-size-5"
cardWidth-Numberfalse400
cardCustomClass-Stringfalse""
submitUrl-Stringfalse""
editionModeAllows you to indicate if the submit will be put or postBooleanfalsefalse
preventSubmitAllows you to indicate if you want to prevent submitionBooleanfalsefalse
readonlyModeAllows you to indicate if the filds are read onlyBooleanfalsefalse
clearOnCloseAllows you to indicate if the form inside will be cleaned after closeBooleanfalsetrue
localeLocale string {en, es ...} for display language on componentStringfalse"en"
closeOnSubmitIndicates if the component will close on submitBooleanfalsetrue

Events

Event NameDescriptionParameters
form-close--
onSubmit--
form-saved--
form-error--