Schutzfolien-Checkbox
Eine durchsichtige Schutzfolie mit Lasche liegt über dem Kästchen und löst sich beim Abhaken von der Ecke.
Einstellungen
Code
<label class="uvq02-flm"><input type="checkbox"><span class="bx"><span class="sf"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span><span class="fm" aria-hidden="true"><i>1</i></span></span>Schutzfolie abziehen</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
Die Folie von einem neuen Gerät abzuziehen ist eine dieser kleinen Freuden, und diese Checkbox bildet sie nach. Eine glänzende Folie mit nummerierter Lasche liegt auf einem grauen Quadrat; beim Abhaken zieht sie sich in 3D von der Ecke ab und gibt eine farbige Fläche mit Haken frei. Beim Überfahren hebt sich die Ecke leicht. Passt zu Unboxing-Seiten, Produktlaunches, Onboarding und Gadget-Shops.
Haupt- und Zweitfarbe bilden den Verlauf unter der Folie, wähle also deine Markentöne für den Moment des Abziehens. Beim Abwählen legt sich die Folie wieder an, deshalb wirkt sie am besten bei einer Einstellung für den ersten Start statt in einer langen Liste.