A component that displays a message in various styles, including success, error, warning, and informational.

When working with operations that can succeed or fail, Message can be useful. You can reserve a state element to be used for the outcome of the operation; empty messages aren’t shown, so you can initialise it empty. Then, assign a message when the operation is completed.

state["msg"] = ""

if is_ok:
  state["msg"] = "+It worked!"
else:
  state["msg"] = "-It failed"

​
Fields

NameTypeDescriptionOptions
MessageTextPrefix with ’+’ for a success message, with ’-’ for error, ’!’ for warning, ’%’ for loading. No prefix for info. Leave empty to hide.-
SuccessColor--
ErrorColor--
WarningColor--
InfoColor--
LoadingColor--
Primary textColor--
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.-

​
Low code usage

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

ui.Message(content={
        "message": "", # str 
        "successColor": "", # str 
        "errorColor": "", # str 
        "warningColor": "", # str 
        "infoColor": "", # str 
        "loadingColor": "", # str 
        "primaryTextColor": "", # str 
        "cssClasses": "", # str 
    }
)

​
Reference