Schaltflächen

Rising arrow link button

Eine Schaltfläche zum Weiterlesen, bei der das Etikett zur Seite gleitet, um eine Lücke zu öffnen, und ein Pfeil von unterhalb der abgeschnittenen Unterkante hineinklettert.

Rising arrow link button verwenden

Eine Schaltfläche zum Weiterlesen, bei der das Etikett zur Seite gleitet, um eine Lücke zu öffnen, und ein Pfeil von unterhalb der abgeschnittenen Unterkante hineinklettert.

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, duration, radius, labelShift

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

2622Disc to Pill CTASchaltflächenEine kleine gefüllte Scheibe neben einem leeren Etikett in Großbuchstaben dehnt sich beim Schweben oder Fokussieren zu einer vollen Pille aus, gibt den Text frei und trägt den Pfeil mit.

2513Slide under download buttonSchaltflächenEin beschrifteter Knopf, der beim Schweben oder Fokussieren ein helles Aktionsfach unter seiner Platte hervorzieht, mit einem wackelnden Download-Pfeil im Inneren des Fachs.

2704Sliding send buttonSchaltflächenEine flache Sendeschaltfläche, die beim Schweben nach rechts gleitet, während sich die Lücke zwischen Beschriftung und Pfeil öffnet, beim Drücken ein paar Pixel zurückweicht und beim Verlassen wieder zur Ruhe kommt.

2601Arrow relay badge pillSchaltflächenEin Pillenknopf mit einem runden linken Abzeichen, dessen Pfeil beim Schweben durch die obere Ecke austritt, während ein neuer von unten eintrifft und der Körper fast schwarz wird.

2683Arrow wipe buttonSchaltflächenEin Pillenknopf, dessen Akzentplatte, die in eine Pfeilspitze geschnitten ist, beim Schweben von links nach innen streicht und die Beschriftung Buchstabe für Buchstabe umdreht, wenn sich die Spitze kreuzt.

1629Arrow wipe call to actionSchaltflächenEin Aufruf zum Handeln, dessen dunklere Platte beim Schweben von links nach innen wischt, während ein versteckter Pfeil herausgleitet, um auf die Beschriftung zu treffen, und beim Klicken ein Pixel nach unten drückt.