# 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'
    });

#### A replacement for the "prompt" function

    swal({
      title: "An input!",
      text: "Write something interesting:",
      type: "input",
      showCancelButton: true,
      closeOnConfirm: false,
      inputPlaceholder: "Write something"
    }, function (inputValue) {
      if (inputValue === false) return false;
      if (inputValue === "") {
        swal.showInputError("You need to write something!");
        return false
      }
      swal("Nice!", "You wrote: " + inputValue, "success");
    });

#### With a loader (for a AJAX requests)

    swal({
      title: "Ajax request example",
      text: "Submit to run ajax request",
      type: "info",
      showCancelButton: true,
      closeOnConfirm: false,
      showLoaderOnConfirm: true
    }, function () {
      setTimeout(function () {
        swal("Ajax request finished!");
      }, 2000);
    });