You are viewing beta documentation for Formie 4.x.
Reference
Browser Theme State
Use these keys to customise classes for loading, validation errors and other states that change in the browser. Add them at the root of themeConfig; Formie outputs the classes in data-formie-theme-classes.
| Key | Default classes | Purpose |
|---|---|---|
errors | formie-errors | Form-level error collection |
successes | formie-successes | Form-level success collection |
message | formie-message | Shared message container |
messageError | formie-message-error | Error message state |
messageSuccess | formie-message-success | Success message state |
tabError | formie-tab-error | Page tab with an error |
tabCurrent | formie-tab-current | Current page tab |
tabComplete | formie-tab-complete | Completed page tab |
tabLinkCurrent | None | Current page-tab link |
tabLinkInactive | None | Inactive page-tab link |
pageHidden | formie-page-hidden | Hidden page |
conditionalHidden | formie-conditionally-hidden | Conditionally hidden field |
rowHidden | formie-row-hidden | Layout row with no visible fields |
loading | formie-loading | Loading state |
success | formie-success | Individual success item |
error | formie-error | Individual error item |
fieldLayoutError | formie-field-has-error | Field layout with an error |
fieldControlError | formie-input-error | Invalid field control |
fieldErrors | formie-field-errors | Field error collection |
fieldError | formie-field-error | Individual field error |
Last updated: Sept 30, 2026, 10:01:23 PM