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!

Basic Alert

Loading...

Alert Variants

Loading...

Alert with border

Loading...

Alert with icon

Loading...

Alert with title

Loading...

Alert actions

Loading...

API Reference

Properties of the emr-alert component.

PropTypeDefault
autoClose
Number of milliseconds to auto-close
number
bordered
Bordered variant of an alert
booleanfalse
variant
Colored variant of an alert
AlertVariant | stringdefault

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.