# Text UI Node

Text UI Node helps to perform logic On-click of text or when properties related to text changes.

{% hint style="info" %} <mark style="color:blue;">Note: Text or Text Field \[input box] has the same node i.e. text UI node.</mark>
{% endhint %}

![](/files/rVENqzdSpKR0Fe5NgjRE)

### Components Of Text 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](https://discord.com/channels/940632966093234176/965313562425823303)

## Music to go with.

{% embed url="<https://open.spotify.com/playlist/0vvXsWCC9xrXsKd4FyS8kM?si=2c7f55bd3f944878>" %}
Lofi music
{% endembed %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.blup.in/~/changes/bxpytJQPpsJWb4ZdG6qm/wiki/logics/ui-nodes/text-ui-node.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
