Text¶
The Text component provides basic text display functionality with support for static content and dynamic data through text templates.
Configuration¶
Configure the component with these options:
| Option | Description |
|---|---|
| Text | Enter text content - supports text templates for dynamic data |
| Text Align | Horizontal text alignment (left, center, right, justify) |
| Vertical Align | Vertical alignment within container (top, middle, bottom) |
Text styling inherits from theme settings but can be overridden through component configuration:
| Option | Description |
|---|---|
| Font Family / Font Size | Typography control for text display |
| Text Color / Font Weight | Visual styling and emphasis options |
| Line Height | Control spacing between text lines |
| Margin Top / Margin Bottom | Vertical spacing around the text |
| Text Transform | Apply uppercase, lowercase, or capitalize formatting |
| Style | Apply custom CSS styling using the style editor |
Use Cases¶
- Static text - add labels, descriptions, or fixed content to reports
- Dynamic content - display data values using text templates
- Basic formatting - simple text display without complex formatting needs
- Translatable content - text that can be added to dictionaries for multi-language support
Tips¶
- Double-click the component for quick text editing
- Use text templates to display dynamic data (e.g.,
{$record.name}) - Content can be added to dictionary for translation support
- For advanced formatting, consider Rich Text or HTML components
- Use Paragraph component when you need automatic vertical spacing