Toast de connexion rétablie
Signale le retour en ligne avec une onde verte qui pulse autour de l'icône tant que le message reste affiché.
Réglages
Code
<div class="uv-zn"><button class="fire">Changer de réseau</button><div class="toast"><i><b></b></i><span><b>Connexion rétablie</b><small>Vous pouvez reprendre votre travail.</small></span></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Notifications
Où l’utiliser
Les applications qui fonctionnent hors ligne doivent prévenir quand la connexion revient. Pensez à la tablette de prise de commande d'un serveur en terrasse avec un wifi capricieux, à l'appli d'un livreur à la sortie d'un tunnel ou à un éditeur en ligne qui garde les brouillons en local : le toast « Connexion rétablie » confirme que tout se resynchronise.
Associez-le à un message hors ligne dans un ton neutre ou orangé, pour que le vert sonne comme une bonne nouvelle. Ne l'affichez pas après chaque micro-coupure : si la connexion clignote, attendez une ou deux secondes avant d'annoncer son retour.