Notification

Simple Toastr Label

You can use four different alert info, warning, success, and error message.
primary Message secondary Message inverse Message
Info Message Warning Message Success Message Danger Message

Light primary Message Light inverse Message Light megna Message
Light Info Message Light Warning Message Light Success Message Light Danger Message

Simple Toastr Alerts

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

Jquery Toast Plugin

simples: $.toast('Here you can put the text of the toast')

Padrão: $.toast({ heading: 'Information', text: 'Loaders are enabled by default. Use `loader`, `loaderBg` to change the default behavior', icon: 'info', loader: true, // Change it to false to disable loader loaderBg: '#9EC600' // To change the background })

Mais informações

Alert with different color

use the class alert alert-*colors* for dezier
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.

Dissmissal Alert

add the button with close class
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.

Alert with image / icon

add the image / icon before content
This is an example top alert. You can edit what u wish.
img This is an example top alert. You can edit what u wish.
img This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.

Alert with rounded corner

add the alert-rounded class to the alert
This is an example top alert. You can edit what u wish.
img This is an example top alert. You can edit what u wish.
img This is an example top alert. You can edit what u wish.
This is an example top alert. You can edit what u wish.

Alert with content

Alerts can also contain additional HTML elements

Success

This is an example top alert. You can edit what u wish. Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Information

This is an example top alert. You can edit what u wish. Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Warning

This is an example top alert. You can edit what u wish. Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Information

This is an example top alert. You can edit what u wish. Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.