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 showDurationwhat amount of time will it take to show a message.

Hide 3s

You can define via hideDurationwhat amount of time will it take to hide a message.

Timeout 5s

You can define via timeoutfor 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/hidemethod of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hideare built into jQuery.