Case à cocher drapeau de boîte aux lettres
Une boîte aux lettres sur poteau dont le drapeau rouge se lève d'un ressort quand on coche, pendant qu'une lettre dépasse.
Réglages
Code
<label class="uvq02-mbx"><input type="checkbox"><span class="bx"><svg viewBox="0 0 56 48" aria-hidden="true"><ellipse class="gd" cx="27" cy="46.5" rx="14" ry="1.5"/><rect class="po" x="24" y="29" width="6" height="18" rx="1"/><g class="lt"><rect x="3" y="19.5" width="10" height="7" rx="1"/><path d="M3.5 20l4.5 3.6L12.5 20"/></g><path class="bo" d="M8 30V20a10 10 0 0 1 10-10h20a10 10 0 0 1 10 10v10z"/><path class="dr" d="M14.5 30V20a6.5 6.5 0 0 1 3.5-5.8"/><rect class="sh" x="8" y="28" width="40" height="2"/><g class="fl"><rect class="pl" x="41" y="7" width="2" height="15" rx="1"/><path class="fg" d="M43 7h8.5l-1.6 3 1.6 3H43z"/><circle class="pv" cx="42" cy="22" r="1.7"/></g></svg></span>Lettres à envoyer</label>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 Cases à cocher
Voir tout : Cases à cocherOù l’utiliser
Inspirée des boîtes aux lettres sur poteau, cette case à cocher est un petit SVG avec une boîte arrondie, un poteau en bois et un drapeau rouge. En cochant, le drapeau se lève avec un rebond de ressort et une lettre dépasse de la porte, le vieux signal qu'il y a du courrier à prendre. Elle convient aux messageries, newsletters, boîtes d'envoi et outils de livraison.
La couleur principale est le drapeau et la secondaire la boîte : le rouge classique sur bleu acier ou un duo de couleurs de ta marque fonctionnent. Le libellé à côté doit décrire l'action en attente, comme envoyer ou relever le courrier.