sweetalert2

WebJar for sweetalert2

License	License MIT
Categories	Categories Github Development Tools Version Controls
GroupId	GroupId org.webjars.bower
ArtifactId	ArtifactId github-com-limonte-sweetalert2
Last Version	Last Version v6.3.8
Release Date	Release Date Feb 10, 2017
Type	Type jar
Description	Description sweetalert2 WebJar for sweetalert2
Project URL	Project URL http://webjars.org
Source Code Management	Source Code Management https://github.com/limonte/sweetalert2

Download github-com-limonte-sweetalert2

Filename	Size
github-com-limonte-sweetalert2-v6.3.8.pom
github-com-limonte-sweetalert2-v6.3.8.jar	207 KB
github-com-limonte-sweetalert2-v6.3.8-sources.jar	22 bytes
github-com-limonte-sweetalert2-v6.3.8-javadoc.jar	22 bytes
Browse

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-limonte-sweetalert2/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-limonte-sweetalert2</artifactId>
    <version>v6.3.8</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-limonte-sweetalert2/
implementation 'org.webjars.bower:github-com-limonte-sweetalert2:v6.3.8'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-limonte-sweetalert2/
implementation ("org.webjars.bower:github-com-limonte-sweetalert2:v6.3.8")

Apache Buildr

'org.webjars.bower:github-com-limonte-sweetalert2:jar:v6.3.8'

Apache Ivy

<dependency org="org.webjars.bower" name="github-com-limonte-sweetalert2" rev="v6.3.8">
  <artifact name="github-com-limonte-sweetalert2" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='github-com-limonte-sweetalert2', version='v6.3.8')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "github-com-limonte-sweetalert2" % "v6.3.8"

Leiningen

[org.webjars.bower/github-com-limonte-sweetalert2 "v6.3.8"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : es6-promise	jar	[0,)

Project Modules

There are no modules declared in this project.

[= Become the 🏆 Ultimate Sponsor of SweetAlert2 and place your banner here (100K+ unique visitors per month) =]

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

See SweetAlert2 in action ↗

💰 Get $100 in free credits with DigitalOcean!

👉 Upgrading from v9.x to v10.x? Read the release notes!
If you're upgrading from v8.x, please upgrade from v8 to v9 first!
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!

👉 Migrating from SweetAlert? SweetAlert 1.x to SweetAlert2 migration guide

Installation

npm install --save sweetalert2

Or grab from jsdelivr CDN :

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

Usage

<script src="sweetalert2/dist/sweetalert2.all.min.js"></script>

<!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>

You can also include the stylesheet separately if desired:

<script src="sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="sweetalert2/dist/sweetalert2.min.css">

Or:

// ES6 Modules or TypeScript
import Swal from 'sweetalert2'

// CommonJS
const Swal = require('sweetalert2')

Or with JS modules:

<link rel="stylesheet" href="sweetalert2/dist/sweetalert2.css">

<script type="module">
  import Swal from 'sweetalert2/src/sweetalert2.js'
</script>

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

import Swal from 'sweetalert2/dist/sweetalert2.js'

import '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:

Swal.fire('Hello world!')

A message signaling an error:

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

Handling the result of SweetAlert2 modal:

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
✔️	✔️	✔️	✔️	✔️	✔️	✔️

* 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.

Themes (`sweetalert2-themes ↗`)

Related projects

ngx-sweetalert2 - Angular 4+ integration
sweetalert2-react-content - React integration
sweetalert2-webpack-demo - webpack demo
sweetalert2-parcel-demo - overriding SCSS variables demo

Related community projects

avil13/vue-sweetalert2 - Vue.js wrapper
realrashid/sweet-alert - Laravel 5 Package
Basaingeal/Razor.SweetAlert2 - Blazor Wrapper
ElectronAlert - SweetAlert2 for Electron applications (main process)

Collaborators


@gverni	@zenflow	@toverux

Contributing

If you would like to contribute enhancements or fixes, please do the following:

Fork the sweetalert2 repository and clone it locally.
Make sure you have npm or yarn installed.
When in the SweetAlert2 directory, run npm install or yarn install to install dependencies.
To begin active development, run npm start or yarn start. This does several things for you:

Builds the dist folder
Serves sandbox.html @ http://localhost:8080/ (browser-sync ui: http://localhost:8081/)
Re-builds and re-loads as necessary when files change