We're sorry. We cannot find any matches for your search term.

Blazor Message Example - Style Variants

Message / Variants

This sample demonstrates the predefined appearance variants for the Blazor Message component.

Loading Syncfusion Blazor Server Demos…

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

The Message component 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.