A component to display plain text or formatted text using Markdown syntax.

Fields

NameTypeDescriptionOptions
TextTextAdd text directly, or reference state elements with @.-
Use MarkdownBooleanThe Markdown output will be sanitised; unsafe elements will be removed.
  1. Yes
  2. No
AlignmentText-
  1. Left
  2. Center
  3. Right
Primary textColor--
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.-

Events

Low code usage

This component can be declared directly in Python, using backend-driven UI.

ui.Text(content={
        "text": "", # str 
        "useMarkdown": "no", # str [yes, no]
        "alignment": "left", # str [left, center, right]
        "primaryTextColor": "", # str 
        "cssClasses": "", # str 
    },
    handlers={
        "wf-click": handle_event,
    }
)

A function, in this example handle_event, should be implemented in your code to handle events.

def handle_event(state, payload, context, ui):
  pass

Reference