Hello
I made a button with an animation on the icon that looks like this:
I created variables to allow me to change the icon from the instance.
My original button works as I want.
But the copy with the icon change doesn't “play” the back animation.
Is there a way to make this work so I can change the icon quickly without having to duplicate all the animations?
First, I created my two icons
Then I created a static state that will be in my default button. And 2 states for the animation with a delay.
And finally the default button and its hover version, with a rollhover and a “reset component style” state to return to the default state before the animation.
Figma file is here, Figma file
Thanks for the help.