Links

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.

Components Of Text 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.