diff --git a/dev/typescript/App.vue b/dev/typescript/App.vue index 41f1752..7b12059 100644 --- a/dev/typescript/App.vue +++ b/dev/typescript/App.vue @@ -9,6 +9,7 @@

{{ title }}

{ - if (options?.form) { + let opts = { + ...options?.form, + ...props.form?.options, + }; + + if (opts) { const { customClass, customStyles, @@ -149,7 +153,7 @@ export default defineComponent({ netlify, netlifyHoneypot, autocomplete, - } = options?.form; + } = opts; return { class: customClass, style: customStyles, diff --git a/src/core/models.ts b/src/core/models.ts index 4874178..c5c58f2 100644 --- a/src/core/models.ts +++ b/src/core/models.ts @@ -26,6 +26,7 @@ export interface DynamicForm { id: string; fields: FormFields; fieldOrder?: string[]; + options?: FormOptions; } export interface ErrorMessage { @@ -151,8 +152,8 @@ export type FormControl = T & { }; export interface FormOptions { - customClass?: string | string[] | BindingObject | BindingObject[]; - customStyles?: string | string[] | BindingObject | BindingObject[]; + customClass?: string | string[] | BindingObject | BindingObject[] | unknown; + customStyles?: string | string[] | BindingObject | BindingObject[] | unknown; method?: string; netlify?: boolean; netlifyHoneypot?: string;