Text
This node renders a text block.
The Text node displays static or dynamic text content with rich styling options.
The Text node is used for all typography: headings, paragraphs, labels, and captions. It supports dynamic content binding, multiple lines, and extensive CSS styling (font, size, color, alignment).
Content
| Data | Description |
|---|
| Text | The string to display. Connect a variable or database field here for dynamic text. |
Style
| Data | Description |
|---|
| Font Family | The font typeface. |
| Font Size | Size in pixels, em, or rem. |
| Font Weight | Thickness (e.g., 400, 700, Bold). |
| Color | Text color. |
| Text Horizontal Align | Left, Center, Right. |
| Text Vertical Align | Top, Center, Bottom. |
Advanced
| Data | Description |
|---|
| Tag | HTML tag to use (div, h1-h6, p, span). Semantic meaning only; styling is independent. |
| Word Break | "Normal" or "Break All" (force wrap). |
Outputs
General
| Data | Description |
|---|
| Node Reference | Reference to the text element. |
Usage
Dynamic Title
- Add a Text node.
- Connect a String variable "Welcome, User!" to the Text input.
- Set Font Size to 24px and Font Weight to Bold.
Paragraph
- Add a Text node.
- Set Tag to
p.
- Type your content into the Text property.
Detailed Behavior
- Auto-Resize: By default, the text node resizes to fit its content ("Content Width/Height").
- Truncation: If you set a fixed width/height, text may wrap or be clipped depending on settings.
Troubleshooting
- Text Not Updating: Ensure the connection to the Text input is valid and sending a string.
- Wrapping Issues: If text isn't wrapping, check if "White Space" is set to "No Wrap" in advanced styles (if available) or if the container width is unconstrained.