Toast zum Wegwischen
Zieh den Toast zur Seite, um ihn zu schließen; er verblasst dabei und federt zurück, wenn du früh loslässt.
Einstellungen
Code
<div class="uv-qsw"><button type="button" class="fire">Erneut zeigen</button><div class="tt" role="status"><span class="th" aria-hidden="true"></span><span class="tx"><b>Foto zur Galerie hinzugefügt</b><small>Zur Seite wischen zum Schließen</small></span><button type="button" class="x" aria-label="Verwerfen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7l10 10M17 7L7 17"/></svg></button></div><span class="hn" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5"/></svg></span></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Toasts
Alle ansehen: ToastsWofür du ihn nutzen kannst
Am Handy erwartet man, Benachrichtigungen wegzuwischen. Dieser Toast folgt einem horizontalen Ziehen mit leichter Neigung und verblasst dabei. Über einer Schwelle fliegt er davon, sonst federt er zur Mitte zurück. Ein kleiner Doppelpfeil wackelt nach dem Erscheinen zweimal, damit die Geste entdeckt wird.
Ein Schließen-Button erledigt dasselbe für Maus und Tastatur, und vertikales Scrollen funktioniert weiter, weil der Toast nur horizontale Bewegung abfängt. Ersetze Vorschaubild und Nachricht durch eigene Inhalte.