Eingabefelder

Elastic toggle switch

Ein 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.

Airplane mode

Wi-Fi

Elastic toggle switch verwenden

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: label, on, accent, size

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

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.

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.

2781Spring layout toggleEingabefelderEin Schalter, dessen Knopf allein aufgrund der Anordnung an einem Ende der Schiene ausgerichtet ist und bei jedem Zustandswechsel zwischen den beiden gemessenen Positionen springt.

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

2808Latching square toggleEingabefelderEine kompakte, quadratische Symbolschaltfläche, die zwischen einem schwach umrissenen Aus-Zustand und einem durchgehenden, mit Akzenten gefüllten, gedrückten Zustand wechselt.

2017Settings Toggle RowEingabefelderEine beschriftete Einstellungsreihe, die in einem Ein-Aus-Schalter endet, dessen Daumen sich beim Drücken ausdehnt und zurückspringt, wenn er zur Ruhe kommt.