Toast JS

Adapt For Personal Use

1. Copy the toast() function into your project.
2. Modify function as needed.

Tips

Set warning, error, ... toasts

You can achieve this by creating subfunctions like this:

function toastWarning(message) {
    toast(message, {... your predefined colors for warning ...})
}

Modify animations

Animations can be modified in the toast() function itself.

transition: 0.6s cubic-bezier(0.42, 0, 0.49, 1.26);

Search for this. From there, you can modify it as needed or bring it up into the function's parameters for even more variation.

General Information

Preview open
Licence Free to copy, edit and share
Languages JS, (HTML, CSS)

About Creator

Jorit Vásconez Gerlach
🌐 jorit.vasconezgerlach.de
📧 jorit@vasconezgerlach.de
🔗 jorit.vasconezgerlach.de/linktree