The Text Area component is very similar to the the Text component but it allows the text to automatically wrap to a new line once exceeding a set width.
| Name |
Set the name of the Text Area Component Used to identify Inputs & Outputs in the User Interface Node |
| Text | Set text to be displayed |
| Copy/Paste Style | Copy the current properties to the UI Editor clipboard or paste the properties currently saved in the clipboard to this Text Area |
| Color | Set the color of the text |
| Size | Set the size of the text |
| Text Align | Set the text alignment (left, right, center) |
| Inputs and Outputs | Open the Inputs and Outputs menu to select what Inputs and Outputs will be visible in the User Interface Node for this Text Area |
| Auto Alignment | Automatically update the Text Area's alignment as it is moved around the canvas to the nearest alignment point |
| Alignment | Set the screen region to align the Text Area with |
| Width/Height | Set the Width of the Text Area, Height will be set automatically based on the number of lines of text |
| X/Y | Set the X & Y screen position relative to the set alignment point |
| Visible | Set the Button's visibility * Note that invisible buttons will not be visible during gameplay will remain visible in the UI Editor canvas |
| Transition | Set how the Button should appear/disappear when it is made visible or invisible |
Use inputs and outputs to send data into or out from your Text Area
Edit which Inputs & Outputs are enabled by tapping the Inputs & Outputs button in the Properties menu.
| Position X & Y | Input values to adjust the X or Y position of the progress bar |
| Rotation | Input values to adjust the rotation of the progress bar |
| ↳ As Degrees | Use input value as degrees |
| Opacity | Input values to adjust the opacity of the progress bar |
| Text by ID | Set the text using text saved in your game More Info on Game Texts |
| Color | Input colors to change the colors of different parts of the progress bar |
| Visible | Input values to adjust the visibility of the progress bar |
| Collapsed | Make the progress bar invisible and adjust position of surrounding components to fill the empty space *Note: Only works if the progress bar is embedded in a vertical or horizontal layout |