A button that animates/waits for an async function

[NickWoodward]

Hi all,

Just thought I'd ask if anyone had any thoughts about this button that changes to a loader icon, waits for an async function to complete, and then displays a success icon.

It's in a useable state, but what I've come to realise is that my first efforts are usually a bit... strange So if anyone has a sec to comment on what I could be doing better (for example maybe 1 timeline that pauses vs 2 animations?) I'd appreciate it very much!

Thanks,

Nick

See the Pen WNgxaOP?editors=1011 by nwoodward (@nwoodward) on CodePen

[Cassie]

Looks pretty reasonable to me. And it works! If it's not broke don't fix it.

[NickWoodward]

1 hour ago, Cassie said:

Looks pretty reasonable to me. And it works! If it's not broke don't fix it.

Awesome, thanks cassie

*Edit: and lol, 'not broke'. Of course my actual project has other ideas 😄