Toast de minuteur de cuisine
Un réveil à deux cloches s'agite quand le temps est écoulé et propose cinq minutes de plus ou l'arrêt.
Réglages
Code
<div class="uvq09-ktm"><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="alert"><span class="ck" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path class="bel" d="M3.4 8.4a3.7 3.7 0 0 1 5.2-5.2zM20.6 8.4a3.7 3.7 0 0 0-5.2-5.2z"/><circle class="fc" cx="12" cy="13.5" r="6.6"/><path d="M12 10.3v3.3l2.2 1.5M7.6 19.6l-1.6 2M16.4 19.6l1.6 2"/><path class="wv" d="M1.8 12c-.6 1.3-.6 2.7 0 4M22.2 12c.6 1.3.6 2.7 0 4"/></svg></span><span class="tx"><b>Les pâtes sont prêtes</b><small class="m1">Minuteur de 9 minutes</small><small class="m2">Je te préviens dans 5 minutes</small></span><span class="ac"><button type="button" class="sn">+5 min</button><button type="button" class="st">Arrêt</button></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
Un réveil à deux cloches annonce que le temps est écoulé avant même qu'on lise un mot. Ce toast secoue le réveil par saccades avec des ondes sonores de chaque côté, repose sur une carte émaillée vert menthe comme un vieil appareil de cuisine et propose deux choix clairs : cinq minutes de plus ou arrêter. Il utilise role alert et convient aux recettes, au sport et à la concentration.
La couleur principale sert au réveil et au bouton Arrêter ; la secondaire à la carte émaillée. Le report change le sous-titre et ferme le toast après un instant, relie-le donc au minuteur de ton appli pour relancer le compte à rebours.