Schaltflächen

Trailing arrows text button

Ein randloser Textlink, dessen Buchstabenabstand sich beim Schweben vergrößert, während sich nach rechts eine Pfeilspur ausbreitet, einer weiter und schwächer als der andere.

Trailing arrows text button verwenden

Ein randloser Textlink, dessen Buchstabenabstand sich beim Schweben vergrößert, während sich nach rechts eine Pfeilspur ausbreitet, einer weiter und schwächer als der andere.

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, arrowCount, spread, stagger

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

2508Caret tail linkSchaltflächenEin ruhiger Textlink mit einer kleinen spitzen Klammer direkt hinter dem letzten Buchstaben, die nach außen gleitet und beim Schweben unterstrichen wird.

1929Center out underline linkSchaltflächenEin Navigationslink, dessen Unterstreichung beim Schweben von der Mitte nach außen zu beiden Enden wächst und beim Verlassen des Zeigers wieder zu einem Punkt zurückgezogen wird.

2522Echo halo hover buttonSchaltflächenEine dunkle Pille, die bei Hover- oder Tastaturfokus abgestufte, verblassende Kopien ihrer selbst entlang der vier Diagonalen wirft, während die Pille selbst wächst.

2632Nudging chevron buttonSchaltflächenEin ruhiger, akzentuierter Knopf, dessen Chevron-Markierung im negativen Bereich wartet, dann beim Schweben hineingleitet und das Etikett zur Seite schiebt, während die Palette auf Neutraltöne abkühlt.

2537Opposing rule text buttonSchaltflächenEine randlose Textschaltfläche in Großbuchstaben, eingeklammert von zwei Linien, die beim Schweben oder Fokussieren von entgegengesetzten Enden her einfahren und sich zurückziehen, so wie sie gekommen sind.

2723Rising Circle FillSchaltflächenEine umrissene Pille, die sich beim Schweben füllt, während ein großer Akzentkreis unterhalb ihres Randes aufsteigt, während die Beschriftungsspur breiter wird.