Animated Buttons are essentially the same as the standard Button component; however, they may include animated transitions from state to state (e.g., up to over, over to down). Use an Animated Button whenever it is desirable to have a timeline based animation as a transition between the various states of a button, as opposed to a standard Button, which simply snaps to each button state without animated effects.
A few possible use cases for the Animated Button component might be:
The only real difference between the core and animated button is visual. If a design calls for animated effects on the buttons as they move from state to state, then the Animated Button is the proper choice; otherwise it is best to use the core Button, as it contains less data in the form of transition keyframes and animation tweens.
No extra code is required to create an Animated Button. The CLIK Button class provides all of the functionality for the different variants described in this document.