Schaltflächen

Lozenge swipe highlight

Ein nacktes Monospace-Etikett mit einer farbigen Raute auf der rechten Seite, die beim Schweben darüber gleitet und sich zu einem vollen Highlight ausdehnt.

Lozenge swipe highlight verwenden

Ein nacktes Monospace-Etikett mit einer farbigen Raute auf der rechten Seite, die beim Schweben darüber gleitet und sich zu einem vollen Highlight ausdehnt.

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, dotSize, springiness, durationMs

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2580Overshoot icon buttonSchaltflächenEine blasse Pille mit einer großen illustrierten Glyphe am linken Ende, die über den Rand hinaus nach außen zieht und beim Schweben oder Fokussieren zurückspringt.

1647Pressed highlight toggleSchaltflächenEine Symbolschaltfläche mit zwei Zuständen, die ihren gedrückten Zustand mit einem abgerundeten Hervorhebungsblock sichtbar hält, der von der Mitte nach außen hinter dem Glyphen wächst.

1926Brightening gradient buttonSchaltflächenEin tiefer zweifarbiger Chip, dessen vertikale Waschung beim Schweben zu einem viel helleren Paar derselben Familie aufsteigt, mit einem festen Glas-Highlight an der Oberkante.

2715Glide swap buttonSchaltflächenEine Schaltfläche mit fester Breite, deren Beschriftung vom rechten Rand abrutscht, während die Glyphe in die Mitte gleitet. Alles sitzt auf einer harten farbigen Leiste, auf die die Schaltfläche beim Drücken fällt.

2476Icon reveal chipSchaltflächenEin kleiner umrissener Chip, der beim Schweben mit seinem Akzent überflutet, während die Beschriftung nach links gleitet und ein verstecktes Glyph von rechts eingeblendet wird.

2630Keycap lift buttonSchaltflächenEin mechanischer Tastenknopf, der sich beim Schweben anhebt, eine feste Unterlippe beibehält und beim Drücken seinen gesamten Schattenstapel nach innen verlagert.