Skip to content

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