Eingabefelder

Switch Spring Lab

Ein einfacher Ein-Aus-Schalter, mit dem Sie einstellen können, wie federnd sich die Daumenfeder anfühlt und wie weit sich der Daumen beim Drücken ausdehnt.

Switch Spring Lab verwenden

Ein einfacher Ein-Aus-Schalter, mit dem Sie einstellen können, wie federnd sich die Daumenfeder anfühlt und wie weit sich der Daumen beim Drücken ausdehnt.

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: pressedWidth, springStiffness, springDamping, accentColor

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

2031Segment Spring LabEingabefelderEine segmentierte Einzelauswahlsteuerung zum Einstellen, wie steif oder locker sich die Feder anfühlt, wenn ihre Spitze zwischen den Segmenten gleitet.

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.

1933Checkbox motion labEingabefelderEin einzelnes übergroßes Kontrollkästchen, mit dem Sie genau einstellen können, wie fest es drückt und wie langsam das Häkchen eingezogen 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.

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.