1. Home
  2. Extra Components
  3. Toastr

Toastr

Simple javascript toast notifications

Advanced CardButtons Extended

toastr is a Javascript library for Gnome / Growl type non-blocking notifications.

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.