Text UI Node
Use text UI nodes in Blup to add and configure text elements within your application's interface.
Last updated
Use text UI nodes in Blup to add and configure text elements within your application's interface.
Last updated
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.
Component | Description |
---|---|
Child | This input node receives the parent widget of the Text. |
On Click | This node allows you to trigger actions when the Text is clicked. |
Text Properties | This node provides properties for the Text such as hide, extra data and many more. |
Text Extra Properties | This node offers additional options to customize the Text, such as padding, font size, letter spacing and many more. |
Text | This input node point helps to provide the text to be shown. |
Is Visible | 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. |
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. |
Font Size | This input node point helps to define the font size of the text. |
Letter Spacing | This input node point helps to define the spacing between the letters of the text. |
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. |
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. |
Text Vertical Wrap | As the name suggests, this property helps to rotate your text 90 degree.. |
Font Color | As the name suggests, this property helps to define the font colour. |
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. |
If you have any ideas to make Blup better you can share them through our Discord community channel