search

section-engineering-education / engineering-education

“Section's Engineering Education (EngEd) Program is dedicated to offering a unique quality community experience for computer science university students."
Apache License 2.0
364 stars 890 forks source link

Angular 11 Popup Notification with SweetAlert2 Example #2221

Closed odiwuoramos closed 3 years ago

odiwuoramos commented 3 years ago

Proposed title of article

Angular 11 Popup Notification with SweetAlert2 Example

Introduction paragraph (2-3 paragraphs):

Angular 11 custom popup notification tutorial helps you find out how to create and implement custom popup notifications such as alerts, notifications and confirm dialog or modal popover in angular using SweetAlert2 package.

Popup notifications are a better way of displaying relevant messages, at the perfect time for the site visitors. You can convey vital information to users which has a high priority.

Building popovers with SweetAlert is not just comfortable but highly customizable, and we will show you to what extent we can elevate the popup boxes.

SweetAlert2 is a compelling JavaScript-based plugin that allows creating beautiful, responsive, customizable, accessible popup boxes pretty quickly. It doesn’t require any third-party dependencies.

You get responsive mobile-ready modal boxes that are useful for displaying alert messages in a popup box.

The SweetAlert2 is a powerful library, and it offers a beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript’s popup boxes with absolutely zero dependencies needed.

Key takeaways:

  1. Setting Up Sweetalert2 Package in Angular 11
  2. Registering SweetAlert in Angular Component
  3. Creating Alert Messages with Popup Boxes (Success, Error, Warning, Info)
hectorkambow commented 3 years ago

to help avoid a backlog queue we are only accepting one article topic/pr approved at a time 👍

We can re-open this one when the 1st one is published.

ping me when the other one is merged and I can re open this one