Loading button · Swiss
An async action button that morphs from its label to a spinner while the promise runs, then to a success or error state, and announces each step.
Design · Swiss9 / 20
Flush-left label with an arrow pushed to the far edge on a red block; a square spinner replaces the arrow.
Motion
The label shrinks away into a lone spinner, which pops into a drawn check (or cross with a shake) when the promise settles.
Accent
An async action button that morphs from its label to a spinner while the promise runs, then to a success or error state, and announces each step.
buttonloadingspinnerasyncsubmitsuccesserrorform