Toast de conexión recuperada
Avisa de que vuelves a estar en línea con una onda verde que late alrededor del icono.
Ajustes
Código
<div class="uv-zn"><button class="fire">Cambiar conexión</button><div class="toast"><i><b></b></i><span><b>Conexión restaurada</b><small>Ya puedes seguir trabajando.</small></span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Toasts
Dónde usarlo
Las apps que siguen funcionando sin red tienen que avisar cuando vuelve la conexión. Piensa en la tablet de comandas de un camarero en una terraza con wifi flojo, en la app de un repartidor al salir de un túnel o en un editor online que guarda borradores en local: el toast «Conexión restablecida» confirma que todo vuelve a sincronizarse.
Combínalo con un aviso de desconexión en un tono neutro o ámbar, para que el verde se lea como buena noticia. No lo muestres tras cada microcorte: si la conexión parpadea, espera un par de segundos antes de anunciar que ha vuelto.