Schaltflächen

Invert Fill Button

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

Invert Fill Button verwenden

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

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, height, radius, 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

2597Edge wipe invertSchaltflächenEine umrandete Schaltfläche, deren Volltonfüllung von einer Kante nach innen verläuft und die Beschriftung umdreht, wenn sie darunter verläuft.

2700Invert and lift buttonSchaltflächenEine große, umrandete Schaltfläche, die sich in eine durchgehende Füllung umwandelt, beim Schweben ein paar Pixel anhebt und beim Drücken wieder flach wird.

1872Outline invert buttonSchaltflächenEin dunkler Schieferknopf, umgeben von einem warmen Umriss, dessen Rand beim Schweben alle Farben wechselt und bei wechselndem Leuchten ansteigt.

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.

2615Sealing frame buttonSchaltflächenEin Aufruf zum Handeln mit quadratischem Umriss, dessen Rand durch drei ruhende Lücken unterbrochen ist; Durch das Schweben wird der Rahmen verschlossen, während sich die Füllung umdreht.

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.