Toasts

Info, Success, Warning and Error Toast

Display info/success/warning/error toast to your users.

Felds:

Info toast options

• Title: Toast title.

• Message: Toast message.

• Timeout: Duration in miliseconds (1 second = 1000). If empty: No timer on toast.

• Ballon form: Add ballon form to the toast.

Ballon form

• Close button: Show close button in the toast.

• Close using esc: Close toast using ESC key.

• Close when pressed: Close toast when click on it.

• Position: Position of the toast when it appears. (Options: Top Right, Top Center, Top Left, Center, Bottom Right, Bottom Center, Bottom Left).

• Target: If you want to bind toast to any specific element. Use # before the id.

Toast with button as target without shove.

• Target shove: Shove element space and push it when appears.

Toast with shove target

• Animate inside: Animates the content of the toast when it appears.

• Swipe to close: Close toast using swipe action.

• Pause on hover: Pause toast timer when is hoovered.

• Restart on hover: Reset toast timer when is hoovered.

• Progress bar: Show progress bar in the toast.

• Progress bar color: Customize color of progress bar.

• Animation In: Animation when toast appears in.

• Animation Out: Animation when toast disappears.

• Animation In Mobile: Animation when toast appears in mobile devices.

• Animation Out Mobile: Animation when toast disappears in mobile devices.