Message / Variants

Blazor Message Example - Style Variants

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

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

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

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

Available appearance variants (default is Text):

Text - Differentiate severity using text color and light background
Outlined - Differentiate severity using text color and border without background
Filled - Differentiate severity using text color and dark background

Message variants are configured using the Variant property.

For comprehensive variant documentation, refer to the documentation.