Experimente

Toast Notification Library

Interaktive Demo der Vanilla-JS-Toast-Bibliothek: Typen, Positionen, Timer-Leiste, Klick-Links und Custom-Styling.

← Zurück zur Sandbox-Übersicht Kontakt GitHub

Grundlegende Typen

Positionen

Erweiterte Funktionen

Stresstest

Dokumentation

showToast({
  text: "Your message here",           // Required
  type: "success",                     // success|error|warning|info|reminder|custom
  position: "top-right",               // top-left|top-right|bottom-left|bottom-right|center
  duration: 3000,
  close: true,
  stopOnFocus: true,
  destination: "https://example.com",
  newWindow: true,
  showTimerBar: true,
  customStyles: {
    background: "#ff6b6b",
    color: "#ffffff",
    icon: "🎉",
    borderRadius: "12px",
    customClass: "my-custom-toast"
  }
});