ngx-angular8-sweetalert2

FIXED JSDOC ISSUE!

A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.

See SweetAlert2 in action ↗

---

:shipit: The author of SweetAlert2 (@limonte) is looking for short-term to medium-term working contracts in front-end, preferably OSS.

---

:point_right: Upgrading from v8.x to v9.x? Read the release notes!

If you're upgrading from v7.x, please upgrade from v7 to v8 first!

If you're upgrading from v6.x, please upgrade from v6 to v7 first!

:point_right: Migrating from SweetAlert? SweetAlert 1.x to SweetAlert2 migration guide

---

Installation
------------

``sh
npm install --save ngx-angular8-sweetalert2
`

Or grab from jsdelivr CDN
:

`html

`


Usage
-----

`html




`

You can also include the stylesheet separately if desired:

`html


`

Or:

`js
// ES6 Modules or TypeScript
import Swal from 'ngx-angular8-sweetalert2'

// CommonJS
const Swal = require('ngx-angular8-sweetalert2')
`

Or with JS modules:

`html



`

It's possible to import JS and CSS separately, e.g. if you need to customize styles:

`js
import Swal from 'ngx-angular8-sweetalert2/dist/sweetalert2.js'

import 'ngx-angular8-sweetalert2/src/sweetalert2.scss'
`

Please note that TypeScript is well-supported, so you don't have to install a third-party declaration file.


Examples
--------

The most basic message:

`js
Swal.fire('Hello world!')
`

A message signaling an error:

`js
Swal.fire('Oops...', 'Something went wrong!', 'error')
`

Handling the result of SweetAlert2 modal:

`js
Swal.fire({
title: 'Are you sure?',
text: 'You will not be able to recover this imaginary file!',
icon: 'warning',
showCancelButton: true,
confirmButtonText: 'Yes, delete it!',
cancelButtonText: 'No, keep it'
}).then((result) => {
if (result.value) {
Swal.fire(
'Deleted!',
'Your imaginary file has been deleted.',
'success'
)
// For more information about handling dismissals please visit
// https://sweetalert2.github.io/#handling-dismissals
} else if (result.dismiss === Swal.DismissReason.cancel) {
Swal.fire(
'Cancelled',
'Your imaginary file is safe :)',
'error'
)
}
})
``

Go here to see the docs and more examples ↗

Browser compatibility
---------------------

IE11* | Edge | Chrome | Firefox | Safari | Opera | UC Browser
-------|------|--------|---------|--------|-------|------------
:heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |

\* ES6 Promise polyfill should be included, see usage example.

Note that SweetAlert2 does not and will not provide support or functionality of any kind on IE10 and lower.

For company Indeema Software