Elastischer iOS-Toggle
Ein Schalter im iPhone-Stil, dessen Knopf sich beim Gedrückthalten dehnt und dann an seinen Platz springt.
Einstellungen
Code
<label class="uv-ti"><input type="checkbox" checked><span></span></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 Schalter
Wofür du ihn nutzen kannst
Dieser iOS-Toggle-Switch ist genau das, was man in einem Einstellungsbildschirm erwartet: „Push-Benachrichtigungen“, „Dunkler Modus“ oder „Nutzungsdaten teilen“ in den Präferenzen einer Web-App. Er übernimmt ein Detail vom iPhone, das viele CSS-Schalter weglassen: Solange du drückst, dehnt sich der Knopf wie ein Tropfen, beim Loslassen springt er rüber.
Das Dehnen sieht man nur beim Gedrückthalten, man spürt es eher, als dass man es bemerkt, und genau darum geht es. In Grün wirkt er wie das Original, in deiner Markenfarbe wie ein Teil deines eigenen Produkts.