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
Wofü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.