Example of Customization in Angular Message Component

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

Content Alignment

Your license has been activated successfully
The license will expire today
The license key is invalid

Custom Message with Icon

Essential JS 2 is a modern JavaScript UI Controls library built from the ground up to be lightweight, responsive, modular, and touch friendly. It is written in the TypeScript and has no external dependencies. It also includes complete support for Angular, React, Vue, ASP.NET MVC, and ASP.NET Core frameworks.
Description

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.