Kreidetafel als Textfeld
Ein Textfeld auf grüner Tafel im Holzrahmen: Die Schrift wirkt wie Kreide, auf der Ablage wählst du Farben und der Schwamm wischt alles weg.
Einstellungen
Code
<div class="uvq06-ch"><svg class="fx" aria-hidden="true" width="0" height="0"><filter id="uvq06-ch-f"><feTurbulence type="fractalNoise" baseFrequency="1.1" numOctaves="2" result="n"/><feDisplacementMap in="SourceGraphic" in2="n" scale="2"/></filter></svg><div class="bd"><label class="sl"><span class="sr">Schreib an die Tafel</span><textarea rows="4" spellcheck="false" placeholder="Schreib an die Tafel"></textarea></label><span class="er" aria-hidden="true"></span></div><div class="lg"><div class="ck" role="radiogroup" aria-label="Kreidefarbe"><label style="--k:#f4f1e8"><input type="radio" name="uvq06-ch-k"><span class="sr">Weiß</span></label><label style="--k:var(--c1)"><input type="radio" name="uvq06-ch-k"><span class="sr">Hauptfarbe</span></label><label style="--k:var(--c2)"><input type="radio" name="uvq06-ch-k"><span class="sr">Zweitfarbe</span></label></div><button type="button" class="rb"><span>Löschen</span></button></div></div>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 Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein Textfeld auf einer Schiefertafel mit Holzrahmen und Ablage. Ein kleiner SVG-Turbulenzfilter raut die Buchstaben auf, damit sie wie Kreide aussehen, leichte Wischspuren liegen auf der Tafel, und die Kreidestücke auf der Ablage sind echte Optionsfelder, die die Farbe wechseln. Der Filzschwamm fegt über die Tafel und hinterlässt eine Staubwolke, die verblasst.
Nutze die beiden Farben für die gelbe und rosa Kreide und lass die weiße als Standard. Es passt zu Café-Karten, Schul-Apps, Tagesgerichten und Aufgabenlisten, und drei oder vier kurze Zeilen lesen sich in dieser Handschrift am besten.