Types
Position
Top Positions
Bottom Positions
Options
Text Notifications
This notification just includes text.
Close Button
Close this notification clicking on close button.
Progress Bar
Visually indicate how long before a toast expires.
Clear Toast
Add button to force clearing a toast, ignoring focus.
Clear Toasts
Remove
Immediately remove current toasts without using animation.
Clear
Remove current toasts using animation.
Duration & Timeout
Show .5s
You can define via showDuration
what amount of time will it take to show a message.
Hide 3s
You can define via hideDuration
what amount of time will it take to hide a message.
Timeout 5s
You can define via timeout
for what amount of time in milliseconds a message is visible.
Sticky
You can also create a sticky message by setting the timeout
to 0
.
Show / Hide Animation
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.