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 behaviorRequired
data-formie-handleForm identity for browser loads and submitsRequired
data-formie-static-cacheStatic-cache behavior hintPreserve when present
data-formie-submit-methodSubmit transport behaviorPreserve when present
data-formie-submit-actionSubmit action behaviorPreserve when present
data-formie-submit-action-form-hidePost-submit form hiding behaviorPreserve 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 behaviorPreserve when present
data-formie-validation-on-submitSubmit-time validation behaviorPreserve when present
data-formie-scroll-to-topPage-navigation scroll behaviorPreserve when present
data-formie-clear-submission-endpointClear-submission follow-up endpointPreserve when present
data-formie-modulesBrowser module manifest payloadRequired when modules exist
data-formie-themeBrowser theme-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: May 6, 2026, 3:46 PM