This sample demonstrates the visibility customization of severity and close icons of the React 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.
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.