Pago recibidoDe Lucía Martín, alquiler de octubre+0,00 €
HTML + CSSNotifications
Toast de paiement reçu
Un virement arrive et le montant défile jusqu'au chiffre final avec une lueur verte.
Réglages
16px
1x
Code
<div class="uv-qpy"><button type="button" class="fire">Simuler un virement</button><div class="tt" role="status"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 10l9-5.5 9 5.5M5 10.5v7M9.5 10.5v7M14.5 10.5v7M19 10.5v7M3 20h18"/></svg></span><span class="tx"><b>Paiement reçu</b><small>De Lucía Martín, loyer d’octobre</small></span><span class="am">+<span class="n" data-v="1250">0,00</span> €</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
Voir tout : NotificationsOù l’utiliser
Les applis bancaires, de facturation et de marketplace rendent l'argent entrant agréable avec un petit moment de mouvement. Ce toast affiche une icône de banque, qui a payé et pourquoi, et un montant qui défile depuis zéro avec un ralenti doux puis pulse d'une lueur verte à l'arrivée. Les décimales suivent la langue de la page.
Change le montant final avec l'attribut data et la ligne de l'expéditeur dans le HTML. Le toast utilise le rôle status pour une annonce discrète.