A basic message

Try me!

SweetAlert.swal("Here's a message");

A title with a text under

Try me!

SweetAlert.swal("Here's a message!", "It's pretty, isn't it?");

A success message!

Try me!

SweetAlert.swal("Good job!", "You clicked the button!", "success");

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

Try me!

SweetAlert.swal({
   title: "Are you sure?",
   text: "Your will not be able to recover this imaginary file!",
   type: "warning",
   showCancelButton: true,
   confirmButtonColor: "#DD6B55",
   confirmButtonText: "Yes, delete it!"
}, 
function(){ 
   SweetAlert.swal("Booyah!");
});

... and by passing a parameter, you can execute something else for "Cancel".

Try me!

SweetAlert.swal({
   title: "Are you sure?",
   text: "Your will not be able to recover this imaginary file!",
   type: "warning",
   showCancelButton: true,
   confirmButtonColor: "#DD6B55",confirmButtonText: "Yes, delete it!",
   cancelButtonText: "No, cancel plx!",
   closeOnConfirm: false,
   closeOnCancel: false }, 
function(isConfirm){ 
   if (isConfirm) {
      SweetAlert.swal("Deleted!", "Your imaginary file has been deleted.", "success");
   } else {
      SweetAlert.swal("Cancelled", "Your imaginary file is safe :)", "error");
   }
});

A message with a custom icon

Try me!

SweetAlert.swal({
   title: "Sweet!",
   text: "Here's a custom image.",
   imageUrl: "http:://oitozero.com/avatar/avatar.jpg" });