Toast d'erreur qui tremble
Un message d'erreur qui arrive avec une courte secousse et propose « Réessayer » exactement là où il faut.
Réglages
Code
<div class="uv-ze"><button class="fire">Provoquer une erreur</button><div class="toast"><i>!</i><span><b>Connexion impossible</b><small>Vérifiez votre connexion.</small></span><button class="retry">Réessayer</button></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
Quand quelque chose échoue, une petite secousse signale « on a besoin de vous » sans page rouge anxiogène. Pensez à une application de livraison de repas dont la commande n'atteint pas le restaurant, ou à un paiement qui perd la connexion à la dernière étape : le toast d'erreur explique le problème et place « Réessayer » à portée de doigt.
Dites en mots simples ce qui a échoué et quoi faire ensuite ; « Erreur 500 » n'aide personne. Gardez la secousse pour les vraies erreurs, pas pour les avertissements. Et si le problème vient de vous, dites-le : on pardonne plus vite.