By default, the toastr will show up at top right corner of the page view, and will automatically dismiss in 3 seconds. You can configure the toasts using ToastOptions class.
Top Positions
Bottom Positions
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.
Remove
Immediately remove current toasts without using animation.
Clear
Remove current toasts using animation.
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
.
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.