Bouton de feu piéton
Le boîtier jaune d'un passage piéton : un appui allume ATTENDEZ, puis un piéton vert apparaît.
Réglages
Code
<div class="uvq01-xwk"><div class="sg" aria-hidden="true"><span class="w1">Attendez</span><span class="w2"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="13" cy="4" r="2" fill="currentColor"/><path d="M9 21l3-6 3 2v4"/><path d="M12 15l1-6-4 2-2 3"/><path d="M13 9l2.5 3 3 1"/></svg><span>Traversez</span></span></div><button class="pb" type="button" aria-label="Demander à traverser"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 11V6a2 2 0 0 0-4 0"/><path d="M14 10V4a2 2 0 0 0-4 0v2"/><path d="M10 10.5V6a2 2 0 0 0-4 0v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.9-6-2.3l-3.6-3.6a2 2 0 0 1 2.8-2.8L7 15"/></svg></button><span class="lb" aria-hidden="true">Appuyez</span><span class="sr" role="status"></span></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 Boutons
Voir tout : BoutonsOù l’utiliser
Quiconque a attendu à un passage piéton connaît cet objet : un boîtier métallique jaune vissé aux quatre coins, un bouton-poussoir noir orné d'une main et un afficheur à points. Un appui allume ATTENDEZ en rouge, puis l'afficheur passe à un piéton vert qui clignote avant de revenir au départ. Chaque changement est annoncé aux lecteurs d'écran. Amusant pour les guides urbains et les applis de mobilité.
La couleur principale est le boîtier, jaune bus scolaire par défaut, et la secondaire le voyant ATTENDEZ. Tout le cycle suit le réglage de vitesse, pour évoquer un carrefour calme de banlieue ou un centre-ville pressé.