Schaltflächen

Light sweep button

Ein ruhig umrissener Knopf, dessen Buchstaben und haarfeine Umrandung von einem diagonalen Lichtbalken beleuchtet werden, der über die Fläche streicht, eine Sekunde innehält und erneut streicht.

Light sweep button verwenden

Ein ruhig umrissener Knopf, dessen Buchstaben und haarfeine Umrandung von einem diagonalen Lichtbalken beleuchtet werden, der über die Fläche streicht, eine Sekunde innehält und erneut streicht.

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, accent, sweepMs, restMs, bandWidth

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

2180Light sweep effectSchaltflächenEin diagonales Lichtband, das einmal über eine Schaltfläche streicht und durch Bewegen, Tippen oder einen sich wiederholenden Timer ausgelöst wird.

2487Sweeping band buttonSchaltflächenEine gefüllte Schaltfläche, die ein Farbband enthält, das doppelt so breit ist wie es selbst, und das beim Hover von Ende zu Ende verschiebt, sodass die Füllung aussieht, als ob sie sich bewegt.

2658Bouncing dot action buttonSchaltflächenEine Taste mit dunklem Akzent und einem kleinen Punkt am rechten Rand, der hüpft, während der Block heller wird und beim Hovern oder Tastaturfokus ein sanftes Leuchten erzeugt.

2710Bouncing download buttonSchaltflächenEin kompakter, dunkler Download-Chip, der von selbst sanft springt, um die Aufmerksamkeit auf sich zu ziehen, stillsteht, sobald ein Zeiger oder der Tastaturfokus ihn erreicht, und beim Drücken seinen Pfeil mit einer Neigung vertauscht.

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.

2696Destructive sweep buttonSchaltflächenEine Löschaktion, deren rosafarbene bis purpurrote Schattierung beim Schweben von einem Ende zum anderen streicht und dabei den Behälterdeckel kippt, mit optionalem Halten zum Bestätigen der Linie entlang der Unterkante.