The RichText widget is used to display text with multiple styles and colors in a single paragraph. It allows you to customize different sections of your text separately, such as changing the color and font size or even adding actions.

You could use this widget to create more visually interesting and engaging text that are sure to capture the attention of your users! For example, a news app that displays articles with rich text formatting such as bold, italics, underlined, different font sizes, and colors.

Adding RichText widget

To add the RichText widget:

  1. First, click on the + Add Widget, drag the RichText widget from the Base Elements tab, or add it directly from the widget tree.

  2. By default, it adds only a single TextSpan (a section of a text) widget; to add more, move to the properties panel and click Add TextSpan.

  3. To stylize any TextSpan, select the customize icon (with the letter A) and choose the Text Style.

  4. To add an action, select any RichTextSpan from the widget tree, move to the properties panel, select actions, and add the action as you would do normally.


You can customize the appearance and behavior of this widget using the various properties available under the properties panel.

Styling the text

Here are the instructions on styling the Text.

Set max lines

Here are the instructions for setting the max lines.

Set display value

See how to set the display value here.

Common widget properties

See how to work with Widget Styling, Visibility, Padding & Alignment, and Testing.

Last updated