### Notifications

#### Notification in title

Easy way to add notifications numbers on browser title

#### Notifications

#### Static alert messages

Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

#### Callout messages

#### Warning

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, explicabo, doloremque, ullam neque veritatis quasi hic excepturi eum laborum sunt nisi libero natus ab eos autem voluptatum non numquam fuga!

#### Info

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, explicabo, doloremque, ullam neque veritatis quasi hic excepturi eum laborum sunt nisi libero natus ab eos autem voluptatum non numquam fuga!

#### Success

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, explicabo, doloremque, ullam neque veritatis quasi hic excepturi eum laborum sunt nisi libero natus ab eos autem voluptatum non numquam fuga!

#### Danger

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, explicabo, doloremque, ullam neque veritatis quasi hic excepturi eum laborum sunt nisi libero natus ab eos autem voluptatum non numquam fuga!

#### Sweet Alerts

Description | Action | Code
--- | --- | ---
Basic example | Try It | `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("Here's a message!", "It's pretty, isn't it?")`
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");
    });
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'
    });

Back to Top