Schaltflächen

Snap back icon button

Eine bloße Glyphen-Schaltfläche, die sanft unter dem Zeiger wächst und in dem Moment, in dem sie gedrückt wird, wieder auf ihre Ruhegröße zurückkehrt.

Attach

Send update

Hover to grow, press to snap back

Snap back icon button verwenden

Eine bloße Glyphen-Schaltfläche, die sanft unter dem Zeiger wächst und in dem Moment, in dem sie gedrückt wird, wieder auf ihre Ruhegröße zurückkehrt.

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, size, hoverScale, strokeWidth

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

2641Border brighten buttonSchaltflächenEine dunkle Schaltfläche, deren Zwei-Pixel-Rahmen der einzige bewegliche Teil ist: Beim Schweben wird sie weiß und verkleinert sich zu einem engen inneren Ring, während die Schaltfläche gedrückt gehalten 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.

2521Ring halo pill buttonSchaltflächenEine Pillentaste, die um ihren farbigen Kern herum eine klare Lücke lässt, diese Lücke mit einem aufgehellten Akzentring beim Schweben oder auf der Tastatur füllt und sich beim Drücken nach innen drückt.

2554Rising tooltip icon buttonSchaltflächenEine chromfreie Symbolschaltfläche, deren Glyphe beim Schweben anschwillt und eine Warnfarbe annimmt, während nach einer kurzen Verzögerung ein kleiner Beschriftungschip darüber aufsteigt.

1654Spring press buttonSchaltflächenEin schlichter Knopf, der ein wenig unter dem Zeiger wächst und beim Halten eintaucht, beides auf einer kurzen Feder, wobei die beiden Skalen und die Federsteifigkeit als Knöpfe sichtbar sind.

2693Tilt pop buttonSchaltflächenEin kleiner, fester Knopf, der sich beim Schweben vergrößert und um ein paar Grad zur Seite neigt und dann beim Drücken wieder flach auf die Oberfläche sinkt.