Schaltflächen

Bouncing dot action button

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

Bouncing dot action button verwenden

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

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, dotSize, hopHeight, hopSeconds, castSpread

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

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.

1632Dot flood buttonSchaltflächenEine umrissene Pille mit einem kleinen Punkt neben dem Etikett; Beim Schweben vergrößert sich der Punkt, bis er die gesamte Schaltfläche überflutet und die Beschriftung zu ihrem umgekehrten Zwilling wechselt.

2661Flat to flow buttonSchaltflächenEin 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.

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

2525Looping flight send buttonSchaltflächenEine kartenähnliche Sendeschaltfläche, die beim Schweben ihren Schatten abhebt, während ihre Papierebene sich nach oben und unten bewegt und beim Klicken flach zusammengedrückt wird.

2209Printing icon buttonSchaltflächenEin winziger Zeilendrucker, der erst dann mit dem Einziehen und Auswerfen eines Blattes beginnt, wenn sich der Zeiger darüber befindet.