Sample list fo animations in a Sprite
Buttons are the foundation of every interation in SmartUI. Therefore all the button-like components inherit push buttons main features and ACE's. The behavior is applicable for any world object, but setting the animations automatically are only valid for the [Sprite ](https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/sprite)plugin. Nevertheless, the built-in animations that affect the object properties like: size, position and angle are still applicable for any world object. This gives you the possibility to add the behavior to objects like [9-Patches](https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/9-patch) and [Tiled-Backgrounds.](https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/tiled-background)
{% hint style="info" %}
By design, each state of the object can have an animation. Thus, the sprite can be set to a nicely animated sequence. Nevertheless, all the images for all the animations representing each button state must be of the same size in the canvas to render correctly.
{% endhint %}
{% hint style="info" %}
Button behavior handles the following animations: **Normal** 
, **Focused** 
, Hover 
, **Pressed** 
, and **Disabled** 
.
{% endhint %}
Sample list fo animations in a Sprite
| Property | Description |
Enabled | Enables or Disables the button. |
Index | Index of the element within a container. Used for focusing the elements in the sequence order. |
Invisible Component | Turns the component opacity to 0 while rendering it to allow invisible interactions. |
Automatic-Color | Enables the component to darken a bit when its state is Disabled or when it's focused. Auto-Color is meant to provide a quick identification of the component state. For more specialized customizations, use the component events and disable this check. |
Name | Unique name string for identifying the selected button |
On Hover | Animations when hovering |
Hover Time | Timelapse to complete the animation in seconds. |
Hover Animation | Hover animation Name. Case sensitive, must match the exact name of the animation. [Sprites only] |
Hover Change Factor | Percentage to alter the object properties |
On Press | Animations when pressing |
Press Time | Timelapse to complete the animation in seconds. |
Press Animation | Press animation Name. Case sensitive, must match the exact name of the animation. [Sprites only] |
Press Change Factor | Percentage to alter the object properties |
On Restore | Animations when restoring the button properties |
Restore Time | Timelapse to complete the animation in seconds. |
Restore Animation | Restore animation Name. Case sensitive, must match the exact name of the animation. [Sprites only] |
Disabled Animation | Disabled animation Name. Case sensitive, must match the exact name of the animation. [Sprites only] |
Focusable | Marks if the component can have the focus. |
On Focus | Animations when focusing the button |
Focus Time | Timelapse to complete the animation in seconds. |
Focus Animation | Focus animation Name. Case sensitive, must match the exact name of the animation. [Sprites only] |
Focus Change Factor | Percentage to alter the object properties |
Smart UI Button ACEs
Smart UI Button behavior covers all the basic functionality of a Push Button, handles event animations, provides built-in animations and easings, and triggers user event interactions.