Alert

Our Angular Material Alert Component is designed to make your app notifications stand out. It’s fully customizable and supports:

Key Features:

✅ Icons: Add visual cues with ease.
✅ Controls: Include buttons or actions to engage your users.
✅ Closable Alerts: Let users dismiss messages when they’re done.

It’s lightweight, easy to integrate, and works perfectly with Angular Material. Enhance your app’s user experience with modern, clean, and functional alerts.

Perfect for developers who want simplicity without sacrificing quality. Give it a try!

API Reference

Properties of the emr-alert component.

Properties

Events

Prop	Type	Default
autoClose Number of milliseconds to auto-close	number	–
bordered Bordered variant of an alert	boolean	false
variant Colored variant of an alert	AlertVariant \| string	default

emrAlertIcon directive - adds an icon to an alert.

emr-alert-title component - adds an title/heading to an alert.

emrAlertAction directive - adds a some control to an alert.

emrAlertClose directive - adds an event that closes the alert.

Basic Alert

Alert Variants

Alert with icon

Alert with title

Alert actions

API Reference