Schaltflächen

Invert on hover pill

Eine gefüllte Pille, die Füll- und Beschriftungsfarben austauscht und beim Schweben oder Tastaturfokus leicht anschwillt und beim Drücken unter ihre Ruhegröße schrumpft.

Invert on hover pill verwenden

Eine gefüllte Pille, die Füll- und Beschriftungsfarben austauscht und beim Schweben oder Tastaturfokus leicht anschwillt und beim Drücken unter ihre Ruhegröße schrumpft.

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, hoverScale, radius, glow

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

2578Swelling pill buttonSchaltflächenEine Farbverlaufspille mit einem Farbton, die beim Schweben größer anschwillt, während sich darunter ein getönter Schatten ausbreitet und beim Drücken kurz komprimiert wird.

2707Amber upload pillSchaltflächenEin warmer Farbverlaufs-Upload-Pill mit einem hellen Rand, der den Farbstich verbreitert und das Etikett beim Schweben von hinten beleuchtet.

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.

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.

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.

2602Breathing CTA pillSchaltflächenEin Aufruf zum Handeln mit rundem Ende, der beim Schweben anschwillt und sich in einen langsamen, atmenden Puls von Größe und Helligkeit verwandelt, bis der Zeiger weggeht oder die Taste gedrückt wird.