Schaltflächen

Icon reveal chip

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

Icon reveal chip verwenden

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

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, glyph, duration, fontSize

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

2513Slide under download buttonSchaltflächenEin beschrifteter Knopf, der beim Schweben oder Fokussieren ein helles Aktionsfach unter seiner Platte hervorzieht, mit einem wackelnden Download-Pfeil im Inneren des Fachs.

2115Bookmark save chipSchaltflächenEin kompakter Speicherchip, dessen Lesezeichenmarkierung von der Umrisslinie zur gefüllten Position springt und einen kleinen Zug nach unten ausführt, sobald ein Element gespeichert wird.

1678Corner flood buttonSchaltflächenEin dunkler, rechteckiger Knopf mit einem kleinen Farbchip, der halb an der oberen linken Ecke angebracht ist und sich anschwillt, bis er die gesamte Fläche überflutet, wenn der Knopf betätigt wird.

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.

2610Icon tile flood buttonSchaltflächenEine Schaltfläche mit einer Symbolkachel mit durchgehendem Akzent am linken Rand; Beim Schweben wird dieser Akzent über den blassen Körper gegossen und die Etikettentinte wird weiß.

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.