Blazor Message Example - Custom Icons

Message / Icons

This sample demonstrates the visibility customization of severity and close icons of the Blazor Message component. Click the close icon to hide the message. Click the button to restore the hidden message. Check or uncheck the check box to show or hide the visibility of the severity icon. Check or uncheck the check box to show or hide the visibility of the close icon.

Loading Syncfusion Blazor Server Demos…

Properties

The Message component can be rendered with and without the severity and close icons. The close icon is used to hide the message.

In this sample, the Message component is rendered with a severity icon and a close icon. The visibility of the severity icon is handled by the ShowIcon property. The visibility of the close icon is handled by the ShowCloseIcon property.

More information about Message icons can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE