Schaltflächen

Nudging chevron button

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

Nudging chevron button verwenden

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

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, shiftDistance, mark, coolOnHover

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

Stitched rule link button

2552Stitched rule link buttonSchaltflächenEin ruhiger Textlink in Großbuchstaben mit einem Chevron, der in einer ruhenden Schleife anstößt; Schweben oder Fokus halten den Chevron nach vorne, verbreitern die Spurweite und wischen eine gestickte Akzentlinie unter dem Etikett ab.

Arrow to label pill

2469Arrow to label pillSchaltflächenEin runder Chevron-Knopf, der sich beim Schweben in eine breite beschriftete Pille ausdehnt und die Markierung gegen ein Wort eintauscht, während die flache Füllung zu einer Rampe mit zwei Stopps wird.

Hairline lift pill

2609Hairline lift pillSchaltflächenEine leise, durchscheinende Pille mit einem inneren Haaransatz, der sich von der Oberfläche abhebt und beim Schweben einen Akzentton aufnimmt.

Invert Fill Button

1984Invert Fill ButtonSchaltflächenEine kleine umrandete Schaltfläche, die sich beim Schweben ausfüllt, während ihre Beschriftung zum entgegengesetzten Wert wechselt und Vorder- und Hintergrund sauber vertauscht.

Rising Fill Button

1879Rising Fill ButtonSchaltflächenEin hohler, umrandeter Knopf, der sich vom unteren Rand nach oben mit Farbe füllt, als ob eine aufsteigende Flüssigkeit entsteht, wenn Sie den Mauszeiger darüber bewegen oder darauf fokussieren.

Trailing arrows text button

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.