apollodec/Apollo/bower_components/sweetalert
venbatechnologies@gmail.com d06b1c0cba status file
2017-12-07 11:31:25 +05:30
..
example status file 2017-12-07 11:31:25 +05:30
lib status file 2017-12-07 11:31:25 +05:30
.bower.json status file 2017-12-07 11:31:25 +05:30
.editorconfig status file 2017-12-07 11:31:25 +05:30
.gitignore status file 2017-12-07 11:31:25 +05:30
bower.json status file 2017-12-07 11:31:25 +05:30
gulpfile.js status file 2017-12-07 11:31:25 +05:30
LICENSE status file 2017-12-07 11:31:25 +05:30
package.json status file 2017-12-07 11:31:25 +05:30
README.md status file 2017-12-07 11:31:25 +05:30
sweetalert.gif status file 2017-12-07 11:31:25 +05:30

#SweetAlert

An awesome replacement for JavaScript's alert.

See it in action!

A success modal

#Usage

You can install SweetAlert through bower:

bower install sweetalert

Alternatively, download the package and reference the JavaScript and CSS files manually:

<script src="lib/sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

#Examples

The most basic message:

sweetAlert("Hello world!");

A message signaling an error:

sweetAlert("Oops...", "Something went wrong!", "error");

A warning message, with a function attached to the "Confirm"-button..

sweetAlert({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false,
  html: false
}, function(){
  swal("Deleted!",
  "Your imaginary file has been deleted.",
  "success");
});

View more examples

#Browser compatibility

SweetAlert works in all major browsers (yes, even IE). Some details:

  • IE8: Works, but icons (checkmark, x-mark...) are hidden.
  • IE9: Works, but icons are not animated.
  • IE10+: Works!
  • Safari 4+: Works!
  • Firefox 3+: Works!
  • Chrome 14+: Works!
  • Opera 15+: Works!

#Contributing

If you want to contribute:

  • Fork the repo

  • Make sure you have Node, NPM and Gulp installed. When in the SweetAlert directory, run the command:

npm install

to install the dependencies and make Gulp automatically minify the SCSS and JS-files.

  • After you're done, make a pull request and wait for approval! :)

#Related projects