Connection restored toast
Lets people know they are back online, with a green ripple pulsing around the icon while the message is up.
Settings
Code
<div class="uv-zn"><button class="fire">Switch network</button><div class="toast"><i><b></b></i><span><b>Connection restored</b><small>You can keep working now.</small></span></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Toasts
Where to use it
Apps that keep working offline need to say when the connection comes back. Think of a waiter's ordering tablet on a terrace with patchy wifi, a delivery driver's app in a tunnel or an online editor that saves drafts locally: the “Connection restored” toast tells them everything is syncing again and they can carry on.
Pair it with an offline message in a neutral or amber tone, so the green feels like good news. Do not show it after every tiny drop; if the connection flickers, wait a second or two before announcing it is back.