Skip to main content

Text

Display paragraphs and headings and style them with size, colors and more

Text components are used for:

  • Adding a header to an Application
  • Adding a subheader for other components like Tables, Forms, Charts or sections
  • Writing full paragraph descriptions and instructions

Use text components to render data for end users

info

Tip, you can customize and format text with HTML:

Customize text component styling and format with HTML

Text Properties

Component Properties

PropertyDescription
TextSet the text to be displayed
Text StyleChange to Heading 1, Heading 2, Heading 3, or Normal Text
Text ColorSet the color using the color picker or hex value
Text AlignLeft, center or right alignment
Vertical AlignTop, Middle or Bottom alignment
VisibleSet true to show and false to hide. Set dynamically using Javascript with {{}}
Scroll ContentsEnable scrollability within the text component for long strings

Reference Properties

Properties can be accessed from other frontend components and backend APIs by adding the name of the Text component, and dot referencing the property. For a Text component named Text1:

PropertyDescription
Text1.textThe string of the text component
Text1.isVisibleReturns the boolean value of the component's visibility (True, if it is visible)