Components

Form ​

Use this page when you are overriding Formie's rendered form wrapper instead of only styling the default output.

If you replace the default <form> tag or its immediate browser-facing data, keep these attributes intact:

AttributePurposeImportance
data-formiePrimary Formie root discovery hookRequired
data-formie-formForm root hook for browser behaviourRequired
data-formie-handleForm identity for browser loads and submitsRequired
data-formie-static-cacheStatic-cache behaviour hintPreserve when present
data-formie-submit-methodSubmit transport behaviourPreserve when present
data-formie-submit-actionSubmit action behaviourPreserve when present
data-formie-submit-action-form-hidePost-submit form hiding behaviourPreserve when present
data-formie-submit-action-message-timeoutSuccess-message timingPreserve when present
data-formie-submit-action-message-positionSuccess-message placementPreserve when present
data-formie-error-messageShared browser error messagePreserve when present
data-formie-error-message-positionShared browser error message placementPreserve when present
data-formie-loading-indicatorLoading indicator modePreserve when present
data-formie-loading-indicator-textLoading label modePreserve when present
data-formie-progress-calculationProgress UI calculation modePreserve when present
data-formie-validation-on-focusLive-validation behaviourPreserve when present
data-formie-validation-on-submitSubmit-time validation behaviourPreserve when present
data-formie-scroll-to-topPage-navigation scroll behaviourPreserve when present
data-formie-clear-submission-endpointClear-submission follow-up endpointPreserve when present
data-formie-modulesBrowser module manifest payloadRequired when modules exist
data-formie-theme-classesBrowser theme-state class mapRequired when theme classes are applied

Formie already renders this for you. These attributes matter most when you fully replace the form wrapper in a custom theme.

Last updated: Sep 27, 2026, 2:49 PM