Notifications
Jquery-toast styles
Click on the below buttons for notifications in different styles.
The icon property can be used to specify the predefined types of toasts - success, info, warning and danger
Jquery-toast positions
The position property can be used to specify the predefined positions of toasts
Bootstrap alert
Add class .alert .alert-*
You successfully read this important alert message.
This alert needs your attention, but it's not that important.
Better check yourself, you're not looking too good.
Change a few things up and try submitting again.
This is a primary alert
This alert is not so important.
Custom alerts
Custom HTML inside alert
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Bootstrap alerts in fill colors
Add class .alert-fill-* with .alert
There! This is a primary alert.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Desktop notification
Create simple desktop notifications