Schaltflächen

Sliding Pin Swap

Eine rampenförmige Schaltfläche, deren Pin-Glyphe von einer Seite zur anderen gleitet, während das ruhende Wort ausgeblendet und dahinter eine Antwort eingeblendet wird.

Sliding Pin Swap verwenden

Eine rampenförmige Schaltfläche, deren Pin-Glyphe von einer Seite zur anderen gleitet, während das ruhende Wort ausgeblendet und dahinter eine Antwort eingeblendet wird.

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: accent, idleLabel, hoverLabel, travel, duration

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

2707Amber upload pillSchaltflächenEin warmer Farbverlaufs-Upload-Pill mit einem hellen Rand, der den Farbstich verbreitert und das Etikett beim Schweben von hinten beleuchtet.

2579Breathing Inset ButtonSchaltflächenEin hell geformter Knopf, dessen inneres Panel sich beim Schweben vom Rand löst, während das Sendezeichen ein kurzes Stück in Richtung der Beschriftung gleitet.

1926Brightening gradient buttonSchaltflächenEin tiefer zweifarbiger Chip, dessen vertikale Waschung beim Schweben zu einem viel helleren Paar derselben Familie aufsteigt, mit einem festen Glas-Highlight an der Oberkante.

2583Capsule in frame buttonSchaltflächenEin umrandetes äußeres Tablett, das eine schwebende innere Kapsel enthält, die für die Länge einer Presse im Rahmen versinkt.

2314Charge Up Action ButtonSchaltflächenEine Kohlepille, die beim Schweben zu einem gesättigten Farbverlaufsschlüssel aufleuchtet und von der Oberfläche abhebt, während sich ihre Markierung dreht und heller wird.

2563Departing send buttonSchaltflächenEine Schaltfläche „Senden“, deren Glyphe vom rechten Rand wegfliegt und beim Schweben ihre Beschriftung leert, wodurch eine zweite Linie über einer sich ausbreitenden Akzentwäsche sichtbar wird.