Briefkastenfahne als Checkbox
Ein Briefkasten auf Pfosten, dessen rote Fahne beim Abhaken hochfedert, während ein Brief aus der Klappe lugt.
Einstellungen
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>Briefe zum Versenden</label>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Checkboxen
Alle ansehen: CheckboxenWofür du ihn nutzen kannst
Angelehnt an Briefkästen am Straßenrand ist diese Checkbox ein kleines Inline-SVG mit runder Box, Holzpfosten und roter Fahne an der Seite. Beim Abhaken schnellt die Fahne federnd hoch und ein Brief rutscht halb aus der Klappe, das alte Zeichen, dass Post abzuholen ist. Beim Überfahren zuckt die Fahne. Passt zu Messaging-Apps, Newslettern, Postausgangs-Einstellungen und Versand-Tools.
Die Hauptfarbe ist die Fahne, die Zweitfarbe der Briefkasten, also funktionieren klassisches Rot auf Stahlblau oder deine Markenfarben. Die Beschriftung daneben sollte die offene Aktion nennen, etwa Post senden oder abholen.