Schaltflächen

Gap stretch arrow button

Eine Pille mit fester Breite, deren nachlaufender Pfeil beim Schweben zum äußersten Rand wandert und die Lücke nach einem stationären Etikett erweitert, wobei eine schwache Spurkopie einem Schlag dahinter folgt.

Gap stretch arrow button verwenden

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, width, travel, trail

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

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.

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.

2350Expanding chip back buttonSchaltflächenEin heller Pillenknopf, dessen Akzentchip sich beim Schweben über die gesamte Breite erstreckt und seinen Pfeil zur anderen Seite trägt, während das Etikett an Ort und Stelle bleibt und abgedeckt wird.

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.

2567Squaring backer buttonSchaltflächenEine solide Pille mit einem geneigten Zwilling dahinter, der beim Schweben gerade einrastet und aufleuchtet, während sich von links neben dem Etikett ein Pfeil entfaltet.

2666Swipe fill press pillSchaltflächenEine blasse Kapsel, deren farbiges Blatt beim Schweben oder Fokussieren vom linken Rand her nach innen gleitet und dabei leicht ansteigt, um dann beim Drücken kräftig zusammengedrückt zu werden.