# SweetAlert for Bootstrap

A beautiful replacement for JavaScript's "alert"

This is just a clone for Bootstrap of the original SweetAlert.

View on GitHub

- bootstrap-social
- flag-icon-css

Tweet

# Try any of those!

## Install via Bower

    $ bower install bootstrap-sweetalert

Continue playing with the examples or check how to use it on GitHub.

## Original Examples

#### Basic example

    swal("Here's a message!")

#### A title with a text under

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

#### A success message!

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

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

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

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

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

#### A message with a custom icon

    swal({
      title: "Sweet!",
      text: "Here's a custom image.",
      imageUrl: 'thumbs-up.jpg'
    });