Custom toast

Custom Toast

Display custom toast to your users.

Fields:

Display info toast to your users.

Custom toast options.
  • Title: Toast title.

  • Message: Toast message.

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

  • Title color: #HEX customize color of title.

  • Message color: #HEX customize color of message.

  • Background color: #HEX customize color of background.

  • Icon: Supported FontAwesome 5 Icons, i.e: fab fa-affiliatetheme. If empty no icon.

  • Ballon form: Add ballon form to the toast.

  • 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.

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

  • 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: #HEX 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.

  • Image: Upload image.

  • Dynamic image: Use URL.

  • Image width: Default: 50

Last updated