Loading

Loading indicators show that a form is submitting or another action is still running.

Use this page to inspect the default spinner styles and the browser attributes behind button loading. For the other button styles, see Buttons.

Standalone Loading

Standalone loading indicators use the same formie-loading class as loading buttons and can be reused in other parts of your interface that use the browser theme.

Button Loading

Formie applies loading state during submission by marking the active form and submitter. The spinner is theme-driven rather than requiring separate DOM markup.

Sizes and Colours

Use --formie-loading-size and --formie-loading-color to change a loading indicator’s size or colour.

Button Variants

Loading states use the same mechanics across default, primary, secondary and ghost buttons.

Browser Hooks

Hook	Purpose
.formie-loading	Shared loading treatment class
data-formie-loading="true"	Loading-state marker on form or submitter
data-formie-loading-indicator	Loading indicator style metadata
data-formie-loading-text	Loading text metadata on submitters

Accessibility Notes

• Standalone indicators should use role="status" or equivalent surrounding copy when they need to announce activity.
• Buttons in loading state should still communicate their current action context.
• Loading treatment is visual only; disabled and submit lifecycle state should still come from real form behaviour.