Button Loading State

Easy

javascriptcssanimation

Build a submit button that, when clicked, disables itself and swaps its text for a spinner, then (after a couple of seconds, simulating a network request) returns to normal.

Check your work against

Clicking the button disables it and shows a spinner
The spinner is an actual animated element (a CSS animation), not a static icon
The button re-enables and restores its original text after the simulated delay

There's no automated grading for UI challenges — self-check against this list, then compare with the solution preview.

Live preview