Loading & Submit State
Handle loading and submit states with spinners, text changes, and visibility toggles.
Live Demo
Source Code
On this form
- • Unhides element during loading AND submit state
loading:show - • Unhides element during submit state only
submit:show - • Apply a class during submit state only
submit:class - • Inject given text during submit state
submit:text, then replaces with original after - • Add validation using
sf-validate:[type] - • Return errors using
error-show-text:[field_name]
Tip: You can test your form states with <snip-form mode="test">