The Text component lets you create a single line of text in the UI. If you need the text to wrap onto multiple lines, use a Text Area instead.
Name | Set the name of the Text Component Naming components is recommended: it makes identifying inputs easier |
Text | Set the text to be displayed |
Copy/Paste Style | Copy this text’s style settings to the UI Editor clipboard, or paste saved style settings from the clipboard onto this text |
Color | Set the color of the text |
Text Size | Set the size of the text |
Automatic Width | Automatically set the width of the text based on the text size |
Automatic Height | Automatically set the height of the text based on the text size |
Text Align | Set the text alignment (left, right, center) |
Inputs and Outputs | Open the Inputs and Outputs menu to choose which inputs will show up for this text in the UI node. Only inputs are supported for text |
Decimals | If the text displays a number: how many decimals are displayed |
Format | If the text displays a number: set how the number is formatted |
Show Trailing Zeroes | Set if trailing zeroes should be displayed or not |
Outline | Give the text a black outline |
Auto Alignment | Automatically snap the text to the nearest alignment point as you move it around the canvas |
Alignment | Choose which part of the screen the text should align to |
Width/Height | Set the Width & Height of the text |
X/Y | Set the text’s position (X and Y) relative to the chosen alignment point |
Visible | Show or hide the text. * Note that while invisible text will not be visible during gameplay, it will remain visible in the UI Editor canvas |
Transition | Set how the text should appear/disappear when it is made visible or invisible |
Rotation | Set the rotation of the text |
Use inputs to send data into the text component.
Edit which inputs are enabled by tapping the Inputs & Outputs button in the Properties menu of the UI editor.
Position X & Y | Set where the text shows up by adjusting its X or Y position. |
Rotation | Rotate the text by entering a value. |
↳ As Degrees | Use the input value as degrees for rotation. |
Opacity | Adjust how see-through the text is. |
Value | Enter the number you want to show on the UI. |
Text | Enter the text you want to display on the UI. |
Color | Pick the color for the text. |
Visible | Show or hide the text. |
Collapsed | Hide the text and automatically shift nearby components to fill the space. *Note: Only works if the text is inside a vertical or horizontal layout. |