Example of Variants in Javascript Message Control

All Controls
/
Message
/
Variants

This sample demonstrates the predefined appearance variants for the JavaScript Message control.

More Details...

Filled

Editing is restricted
Please read the comments carefully
Your message has been sent successfully
There was a problem with your network connection
A problem occurred while submitting your data

Outlined

Editing is restricted
Please read the comments carefully
Your message has been sent successfully
There was a problem with your network connection
A problem occurred while submitting your data

Text

Editing is restricted
Please read the comments carefully
Your message has been sent successfully
There was a problem with your network connection
A problem occurred while submitting your data
Description

The Message control can be displayed with predefined appearance variants. The available variants are Text, Outlined and Filled. The default variant type is Text. Text - The severity is differentiated using a text color and a light background color. Outlined - The severity is differentiated using a text color and a border without background. Filled - The severity is differentiated using a text color and a dark background color. In this sample, messages are displayed with different appearances based on the variant property. More information about Message variants can be found in this documentation section.