{"repo":"sweetalert2/ngx-sweetalert2","free":true,"listed":false,"github":"https://github.com/sweetalert2/ngx-sweetalert2","clone":"git clone https://github.com/sweetalert2/ngx-sweetalert2.git","description":"Declarative, reactive, and template-driven SweetAlert2 integration for Angular","language":"TypeScript","stars":673,"topics":["angular","sweetalert","sweetalert2","dialog","modal","alert","ux"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"@sweetalert2/ngx-sweetalert2 Official SweetAlert2 integration for Angular This is not a regular API wrapper for SweetAlert (which already works very well alone), it intends to provide Angular-esque utilities on top of it. :point right: Before posting an issue , please check that the problem isn't on SweetAlert's side. --- Quick start - Installation & Usage - [ [swal] directive](#swaldirective) — for simple, one-liner dialogs - component — for advanced use cases and extended Swal2 API coverage - swalPortal directive — use Angular templates in Wiki recipes - 🔌 All possible ways of firing a modal and controlling its visibility - :wrench: Setting global defaults (SweetAlert2 mixins) - :art: Use a theme from @sweetalert2/themes (and or customize SCSS variables) --- :package: Installation & Usage Modern Standalone Approach (Angular 14+, Recommended) For new applications using standalone components and the modern Angular architecture: 1. Install ngx-sweetalert2 and sweetalert2 via the npm registry: :arrow double up: Always upgrade SweetAlert2 when you upgrade ngx-sweetalert2. The latter is statically linked with SweetAlert2's type definitions. 2. Configure your Angular application using providers: 3. Import individual components/directives as needed: Traditional Module Approach (Legacy, for existing applications) For applications still using NgModules: 1. Install ngx-sweetalert2 and sweetalert2 via the npm registry: :arrow double up: Always upgrade SweetAlert2 when you upgrade ngx-","default_branch":null,"files":null,"tree":[],"storefront":"/r/sweetalert2","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sweetalert2/ngx-sweetalert2/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}