Example of Customization in React Message Component


This sample demonstrates the customization of the icon, content alignment, and appearance in the React Message.

More Details...


The Message component content can be aligned by adding predefined classes. By default, messages are aligned to the left. The other available alignments are center and right, achieved by adding, e-content-center and e-content-right.

The icon and appearance can be customized at the application level by using the cssClass property.

In this sample, the Message component predefined content is aligned based on the cssClass property. Also, this component is rendered with a custom severity icon and custom appearance.

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