Eingabefelder

Sliding Thumb Switch

Ein Ein-/Ausschalter, der aus einem versteckten Kontrollkästchen besteht: einer Pillenleiste, die sich neu einfärbt, und einem runden Daumen, der an die gegenüberliegende Kante gleitet.

Wi-Fi

Auto-sync

Sliding Thumb Switch verwenden

Ein Ein-/Ausschalter, der aus einem versteckten Kontrollkästchen besteht: einer Pillenleiste, die sich neu einfärbt, und einem runden Daumen, der an die gegenüberliegende Kante gleitet.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: checked, accentColor, disabled

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2802Settings toggle switchEingabefelderEin kleiner Pillen-Ein/Aus-Schalter mit einem Schiebeknopf, der eine einzelne Einstellung umschaltet, wobei die Spur von gedämpft zu einem soliden Akzent wechselt, während sich der Knopf wie ein Gummi dehnt, wenn er mitten im Schieberegler gedrückt wird.

2771Layout toggle switchEingabefelderEin Schalter, dessen Knopf die Spur kreuzt, indem er eine tatsächliche Layoutänderung anstelle einer Verschiebung animiert, sodass der Ausschlag bei jeder Spurbreite exakt bleibt.

2759Bounce drop toggleEingabefelderEin hoher vertikaler Kippschalter, dessen Kugel beim Ausschalten federnd zu Boden fällt und beim Einschalten mit einer festen Feder wieder nach oben gleitet.

2343Drawn check checkboxEingabefelderEin Kontrollkästchen, dessen Häkchen sich Strich für Strich selbst zeichnet, während das Kästchen mit einer durchgehenden Akzentfarbe gefüllt wird.

1954Elastic toggle switchEingabefelderEin Pillenschalter, dessen runder Daumen sich beim Drücken zu einem Klecks zusammendrückt und mit einem sanften Sprung wieder in die runde Form zurückspringt, wobei er zwischen einem neutralen Aus-Zustand und einer festen Akzentfüllung wechselt.

1980Icon crossfade switchEingabefelderEin Kippschalter, dessen Daumensymbol ausgeblendet und in ein anderes Symbol skaliert wird, wenn der Schalter zwischen Aus und Ein wechselt.