Messages can be categorized into the following types:
  • Info: Used to convey general information to users.
  • Warning: Indicates potential issues or important notices.
  • Error: Highlights errors or critical issues.
  • Success: Communicates successful operations or completion.

​
Properties

When configuring a message, you have the following properties:
  • Message: The content of the message body, this property supports markdown attributes such as: bold, italic, bold italic, strikethrough and URLs, allowing you to format the content of the message.
  • Type: as mentioned above, there are multiple indicators: info, warning, error, success
  • Expressions: you can define expressions to control when the message should be hidden. This can be useful for dynamically showing or hiding messages based on specific conditions.
Info example with markdown: 
If you are encountering any difficulties, please [contact our support team](mailto:support@flowx.ai).
When executed, will look like this:

​
Types and Usage

Here’s how you can use the Message UI element in your UI design:

​
Info

If you are encountering any difficulties, please contact our support team.

​
Error

An error occurred while processing your request. Please try again later.

​
Success

Your payment was successfully processed. Thank you for using our services!

​
Indicators styling

To create an indicator with specific styling, sizing, typography, and color settings, you can use the following configuration:

​
Style

The Style section allows you to customize the appearance of your indicator UI element. You can apply the following style to achieve the desired visual effect:
  • Text: Displays only the icon and the text.
  • Border: Displays the icon, the text and the border.
  • Fill: It will fill the UI element’s area.
For more valid CSS properties, click here.