MessageModel API in Vue Message API component

Interface for a class Message

Properties

closed

EmitType<MessageCloseEventArgs>

Triggers when the Message component is closed successfully.

created

EmitType<Object>

Triggers when the Message component is created successfully.

destroyed

EmitType<Event>

Triggers when the Message component is destroyed successfully.

content

string

Specifies the content to be displayed in the Message component. It can be a paragraph, a list, or any other HTML element.

cssClass

string

Specifies the CSS class or multiple classes separated by space that can be appended to the root element of the Message component to customize the message.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

severity

string | Severity

Specifies the severity of the message, which is used to define the appearance (icons and colors) of the message. The available severity messages are Normal, Success, Info, Warning, and Error.

showCloseIcon

boolean

Shows or hides the close icon in the Message component. An end user can click the close icon to hide the message. The closed event is triggered when the message is closed.

showIcon

boolean

Shows or hides the severity icon in the Message component. When set to true, the severity icon is displayed at the left edge of the Message component. This icon will be distinctive based on the severity property.

variant

string | Variant

Specifies the variant from predefined appearance variants to display the content of the Message component. The available variants are Text, Outlined, and Filled.

visible

boolean

Shows or hides the visibility of the Message component. When set to false, the Message component will be hidden.