# Notification

## Alerts and Callouts

### Alerts

#### Alert!

Danger alert preview. This alert is dismissable. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

#### Alert!

Info alert preview. This alert is dismissable.

#### Alert!

Warning alert preview. This alert is dismissable.

#### Alert!

Success alert preview. This alert is dismissable.

### Callouts

#### I am a danger callout!

There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

#### I am an info callout!

Follow the steps to continue to payment.

#### I am a warning callout!

This is a yellow callout.

#### I am a success callout!

This is a green callout.

### Simple Toastr Alerts

You can use four different alert `info, warning, success, and error` message.

#### Alert Full top

This is an example top alert. You can edit what u wish. ×

#### Alert Full Bottom

This is an example top alert. You can edit what u wish. ×

#### Alert Full top

×

#### You have a Message!

John Doe sent you a message. ×

#### Alert Full Bottom with image

×

#### You have a Message!

John Doe sent you a message. ×

#### Alert Top Right

×

#### You have a Message!

John Doe sent you a message.

#### Alert Top Left

×

#### You have a Message!

John Doe sent you a message.

#### Alert Bottom Left

×

#### You have a Message!

John Doe sent you a message.

#### Alert Bottom Right

×

#### You have a Message!

John Doe sent you a message.

### Normal Alerts

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

### Dismissable Alerts

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.