Schaltflächen

Looping flight send button

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

Hover or tab to a button and the plane lifts off with the card, loops, and glides back. Press to squash it flat.

Looping flight send button verwenden

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

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, lift, loopSeconds, arcHeight

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

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

2606Ghost echo lift buttonSchaltflächenEine Pille, die sich beim Schweben anhebt, während eine Geisterkopie ihrer selbst dahinter anschwillt und sich auflöst.

2716Icon badge sendSchaltflächenEine abgerundete Sendeschaltfläche, deren Glyphe sich in einem durchscheinenden kreisförmigen Abzeichen befindet, das heller wird und sich dreht, während die gesamte Schaltfläche beim Schweben angehoben und beim Drücken zur Ruhe kommt.

2545Plane tilt send buttonSchaltflächenEin gewölbtes Sendesteuerelement, dessen Papierebene beim Schweben nach oben kippt und beim Klicken aus dem Rahmen fliegt, bevor die Beschriftung zurückgesetzt wird.

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.

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.