Toast für Verbindungsstatus
Meldet, dass man wieder online ist, während eine grüne Welle um das Icon pulsiert.
Einstellungen
Code
<div class="uv-zn"><button class="fire">Verbindung wechseln</button><div class="toast"><i><b></b></i><span><b>Verbindung wiederhergestellt</b><small>Du kannst jetzt weiterarbeiten.</small></span></div></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
Apps, die auch offline funktionieren, müssen sagen, wann die Verbindung zurück ist. Denk an das Bestell-Tablet eines Kellners auf der Terrasse mit wackeligem WLAN, die App eines Lieferfahrers nach dem Tunnel oder einen Online-Editor, der Entwürfe lokal speichert: Der Toast „Verbindung wiederhergestellt“ zeigt, dass wieder alles synchronisiert wird.
Kombinier ihn mit einem Offline-Hinweis in neutralem oder orangem Ton, dann wirkt das Grün wie eine gute Nachricht. Nicht nach jedem kurzen Aussetzer anzeigen: Flackert die Verbindung, warte ein, zwei Sekunden, bevor du meldest, dass sie zurück ist.