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;