Toast de parcmètre
L'aiguille d'un parcmètre chromé descend dans la zone rouge ; ajouter une demi-heure la renvoie vers le vert avec un rebond.
Réglages
Code
<div class="uvq09-prk"><button type="button" class="fire">Afficher à nouveau</button><div class="tt" role="status"><span class="mt" aria-hidden="true"><span class="dl"><i class="nd"></i></span><b>P</b></span><span class="tx"><b>Ton stationnement va bientôt expirer</b><small><span class="n">10</span> min restantes · Zone bleue</small></span><button type="button" class="ad">+30 min</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
Voir tout : NotificationsOù l’utiliser
Les applis de stationnement signalent la fin du temps par un simple texte, alors que tout le monde comprend une aiguille de parcmètre dans le rouge. Ce toast dessine la tête chromée d'un parcmètre avec une fenêtre bombée, un arc vert, orange et rouge fait d'un dégradé conique et une aiguille qui tourne avec une courbe à ressort. Chaque appui sur le bouton la ramène en arrière.
La couleur principale sert à la plaque P et au bouton, la secondaire à la zone rouge et à l'alerte de temps court. Relie minutes et angles dans la petite fonction set, limite la durée maximale, et le bouton se désactive tout seul quand le parcmètre est plein.