Text UI Node
Text UI Node helps to perform logic On-click of text or when properties related to text changes.
Note: Text or Text Field [input box] has the same node i.e. text UI node.
Text | This input node point helps to provide the text to be shown. |
Is hide | This input node point is used to hide the Text or Textfield. This node point accepts a Boolean-type value if the value is true it hides the group, or else the group is visible. |
Extra Data | This input node point helps to store data that can be used further down the line. |
Edit Checkbox | This checkbox helps you to access secondary input node points of the selected Text or TextField. If the checkbox is checked, all the secondary input node points are visible; if not they are hidden and cannot be used. |
Font Color | As the name suggests, this property helps to define the font colour. |
Font Size | This input node point helps to define the font size of the text. |
Padding Left | This node point helps to give the left padding. |
Padding Right | This node point helps to give the Right padding. |
Padding Top | This node point helps to give the Top padding. |
Padding Bottom | This node point helps to give the Bottom padding. |
Line Height | This input node point helps to define a height between the text. The bigger the number, the bigger will be the height and vice versa. |
Letter Spacing | This input node point helps to define the spacing between the letters of the text. |
Max Lines | This input node point helps to define the max line to which your text can expand , for example, if you define the maxline value as 2 then your text can only take up 2 lines. |
Is Ellipses | This input node point helps to convert the text expanded into multiple lines to a single line and show the rest of the text in “….” form. |
Is Adjust With Keyboard | This property keeps the text field visible to the user even when the keyboard pops up. |
Text Field Width | This input node point helps to define the text-field or input Box width. |
Text Field Height | This input node point helps to define the text-field or input Box height. |
Text Field Padding Left | This input node point helps to give left padding to the text Field. |
Text Field Padding Right | This input node point helps to give right padding to the text Field. |
Text Field Padding Top | This input node point helps to give top padding to the text Field. |
Text Field Padding Bottom | This input node point helps to give bottom padding to the text Field. |
Hint Text | This input node point provides the hint text [text conveying to the user what type of input is expected]. |
Hint Color | This input node point helps to define the color of the hint. |
Border Focused Color | An input Box or text Field is said to be focused when the user is inputting the text in it, as the name suggests this input node point helps you to define the border colour when the input box is in a focused state. |
Border Un-Focused Color | An input Box or text Field is said to be unfocused when the user is not inputting the text in it, as the name suggests this property helps to define the border colour when the input box is in an unfocused state. |
Border Focused Width | This input node point helps to define the width of the border when the text field or input box is in a focused state. |
Border Un-Focused Width | This input node point helps to define the width of the border when the text field or input box is in an unfocused state. |
Border Focused Radius | This input node point helps to define the radius of the border when the text field or input box is in a focused state. |
Border Un-Focused Radius | This input node point helps to define the radius of the border when the text field or input box is in an unfocused state. |
Cursor Color | This input node point helps to define the colour of the cursor when the text field is in a focused state. |
Cursor Width | This input node point defines the width of the cursor. |
Cursor Height | This input node point helps to define the width of the cursor. |
Cursor Radius | This input node point helps to define the width of the cursor. |
On Text Changed | When the user types in the data, this node can be used to trigger a logic or a function. |
On Submitted | This output node point executes any logic when the user stops typing in the input box. |
On Text default prop update | When the primary input node changes, this node point executes the specified logic. Also if you stretch the node point it will give you the properties values that are present on the left-hand side of the rectangle node. |
On react Extra prop Update | This output node point defines logic when these extra properties are available . Change also similar to above node point stretch this node point further will help you to get more output node points. |
Last modified 9mo ago