82 lines
2.1 KiB
JavaScript
82 lines
2.1 KiB
JavaScript
document.getElementById("basic").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is a toast",
|
|
duration: 3000,
|
|
}).showToast()
|
|
})
|
|
document.getElementById("background").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is a toast",
|
|
duration: 3000,
|
|
backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("close").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "Click close button",
|
|
duration: 3000,
|
|
close: true,
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("top-left").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is toast in top left",
|
|
duration: 3000,
|
|
close: true,
|
|
gravity: "top",
|
|
position: "left",
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("top-center").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is toast in top center",
|
|
duration: 3000,
|
|
close: true,
|
|
gravity: "top",
|
|
position: "center",
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("top-right").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is toast in top right",
|
|
duration: 3000,
|
|
close: true,
|
|
gravity: "top",
|
|
position: "right",
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("bottom-right").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is toast in bottom right",
|
|
duration: 3000,
|
|
close: true,
|
|
gravity: "bottom",
|
|
position: "right",
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("bottom-center").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is toast in bottom center",
|
|
duration: 3000,
|
|
close: true,
|
|
gravity: "bottom",
|
|
position: "center",
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|
|
document.getElementById("bottom-left").addEventListener("click", () => {
|
|
Toastify({
|
|
text: "This is toast in bottom left",
|
|
duration: 3000,
|
|
close: true,
|
|
gravity: "bottom",
|
|
position: "left",
|
|
backgroundColor: "#4fbe87",
|
|
}).showToast()
|
|
})
|