Button
Buttons are a great way to add interactivity to your project. You can use buttons to trigger events based on user interaction. Additionally, you can use buttons to direct users to external websites and social pages.
Adding a Button
To add a button to your scene, select the button icon from the Components Panel and drag the desired button onto your canvas. Designer includes a number of preset button designs for you to choose from, as well as a number of social media styled buttons, which are pre-filled with the appropriate starting URL.
Editing a Button
When you select your button in the canvas, the properties are editable via the Properties Panel.
Here, you can edit the following:
| Option | Description |
|---|---|
| Transforms | Edit the size (Width/Height), position (X/Y Co-ordinates) and rotation (Degree) of your button. |
| Order | Move your button forward and backwards relative to other objects in your scene. |
| Mirror | Flips the button on the Y axis. |
| Text | Changes the text displayed. |
| Action | Add an on tap action. |
| Appearance | Alter the shape, fill colour, border width, and corner radius of the button. You can also edit the text font, height, colour, and alignment. |
| Transition | Add an entrance or exit transition. |
Click here to learn more about how to add actions to your button.