Schaltflächen

Center out underline link

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

Center out underline link verwenden

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

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, thickness, offset, duration

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

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.

2526Trailing arrows text buttonSchaltflächenEin 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.

2729Underline sweep linkSchaltflächenEine bloße Textschaltfläche, deren Regel beim Schweben von links nach oben wächst und beim Beenden nach rechts zurückweicht, mit einem langen Pfeil, der sich nach vorne erstreckt.

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.

2413Reversing bars menu buttonSchaltflächenEine kleine quadratische Menükachel, deren drei gestapelte Balken beim Schweben die Breite ändern, während die Kachel selbst von einer Füllfarbe zur anderen übergeht.