Schaltflächen

Focus halo button

Eine durchgehende Schaltfläche, die sich beim Bewegen des Mauszeigers in einen Umriss umwandelt und in dem Moment, in dem sie den Tastaturfokus erhält, zwei übereinanderliegende durchsichtige Ringe wachsen lässt.

Focus halo button verwenden

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: accent, label, radius, ringWidth, invert

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.

2677Halo ring buttonSchaltflächenEin umrissener Knopf, der einen einzelnen Ring nach außen wirft, wenn Sie mit der Maus darüber fahren, wobei sich das Band über den Rand hinaus ausdehnt und dabei immer dünner wird.

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.

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.

2174Italic outline fill buttonSchaltflächenEine ruhig umrandete Schaltfläche in Kursivschrift, die sich in eine durchgehende Akzentfüllung umwandelt, sobald ein Zeiger oder eine Tastatur sie erreicht.

2392Offset outline stackSchaltflächenEine umrandete Knopfleiste, die wie ein kleiner Block Papier auf abgestuften Umrissschichten ruht; Hover schiebt das oberste Blatt auf den Stapel und dreht seine Füllung um.