Skip to content

Text

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

Fields

NameTypeDescriptionOptions
TextText
Use MarkdownTextThe Markdown output will be sanitised; unsafe elements will be removed.
  • Yes
  • No
AlignmentText
  • Left
  • Center
  • Right
Primary textColor
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

Events

NameDescriptionUsage
ss-clickCapture single clicks.
def click_handler(state):

  # Increment counter when the text is clicked

  state["counter"] += 1

Low code usage

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

python
ui.Text(content={
        "text": "", # str 
        "useMarkdown": "no", # str [yes, no]
        "alignment": "left", # str [left, center, right]
        "primaryTextColor": "", # str 
        "cssClasses": "", # str 
    },
    handlers={
        "ss-click": handle_event,
    }
)
A function, in this example handle_event, should be implemented in your code to handle events.
python
def handle_event(state, payload, context, ui):
  pass

Reference