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
Alert Variants
Alert with border
Alert with icon
Alert with title
Alert actions
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.