Schaltflächen

Flat to flow button

Ein flacher, solider Knopf, der sich in ein breites zweifarbiges Band verwandelt, das endlos über die Vorderseite läuft, wenn man darüber schwebt oder fokussiert ist.

Flat to flow button verwenden

Ein flacher, solider Knopf, der sich in ein breites zweifarbiges Band verwandelt, das endlos über die Vorderseite läuft, wenn man darüber schwebt oder fokussiert ist.

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, cycleSeconds, bandWidth, reverse, radius

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

2668Traveling underglow pillSchaltflächenEine Kapsel, deren zweifarbiges Farbband sich beim Schweben seitwärts bewegt, während eine verschwommene Kopie dahinter die Oberfläche darunter beleuchtet.

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

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.

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.

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.

1858Flying send buttonSchaltflächenEine Sendeschaltfläche, deren Papierebenen-Glyphe sich neigt, bewegt und über das Gesicht fliegt, während die Beschriftung dahinter weggleitet.