Stromkreis-Checkbox
Eine Platine mit Kippschalter: Beim Abhaken schließt er, Strom läuft über die Leiterbahnen und die LED leuchtet.
Einstellungen
Code
<label class="uvq02-pcb"><input type="checkbox"><span class="bx"><svg viewBox="0 0 72 36" aria-hidden="true"><rect class="bd" width="72" height="36" rx="3.5"/><circle class="ho" cx="4" cy="4" r="1.6"/><circle class="ho" cx="68" cy="4" r="1.6"/><circle class="ho" cx="4" cy="32" r="1.6"/><circle class="ho" cx="68" cy="32" r="1.6"/><g class="tr"><path d="M14 18H24"/><path d="M34 18H44V10H50"/><path d="M58 10H64V29H10V24"/></g><g class="cu"><path d="M14 18H24"/><path d="M34 18H44V10H50"/><path d="M58 10H64V29H10V24"/></g><rect class="bt" x="6" y="12" width="8" height="12" rx="1.2"/><text x="8" y="17">+</text><circle class="pa" cx="24" cy="18" r="2"/><circle class="pa" cx="34" cy="18" r="2"/><line class="lv" x1="24" y1="18" x2="34.5" y2="18"/><circle class="le" cx="54" cy="10" r="4"/><circle class="lh" cx="52.8" cy="8.8" r="1.1"/><text x="25" y="25.5">SW1</text><text x="51.5" y="19">D1</text></svg></span>Sensor verbinden</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
Diese Checkbox ist eine kleine Leiterplatte als Inline-SVG, mit goldenen Leiterbahnen, Batterie, Montagelöchern und Bestückungsdruck. Beim Abhaken schließt sich der Hebelschalter, Stromstriche laufen über die Bahnen, und die LED leuchtet mit Glühen auf. Hover und Druck bewegen den Hebel halb. Passt zu IoT-Dashboards, Hardware-Produktseiten, Maker-Tools und Einstellungen, die ein Gerät verbinden.
Die Hauptfarbe ist der Strom und die LED, die Zweitfarbe die Kupferbahnen und Pads. Benenne die Beschriftungen nach deinen Bauteilen um und setze die Platine auf eine dunkle Seite, damit das Leuchten der LED hervorsticht.