Simple Alerts
Provide contextual feedback messages for typical user actions with
the handful of available and flexible alert messages. We provide
two alerts style for you to choice by switching class .toast-shadow
and .toast
. Wrap any text and an optional dismiss button
in .toast
and one of the four contextual classes (e.g.,
.toast-info
) for basic alert messages.
Positions
Click the button below you will see the notification display from four direction on the screen.
Delay And Sticky
You can define via timeout
for what amount of time
in milliseconds a message is visible. You can also create a sticky
message by setting the timeout to zero.
Effect
Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.