Schaltflächen

Spring press button

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

View changelog

Spring press button verwenden

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

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, hoverScale, tapScale, stiffness, accent

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

2572Snap back icon buttonSchaltflächenEine 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.

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.

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.

2471Center bloom buttonSchaltflächenEine solide, abgerundete Pille, die von der Mitte nach außen heller wird, während ein blasser, kreisförmiger Schimmer über die eigenen Ränder hinauswächst und dann beim Drücken flach zusammensinkt.

2626Diagonal orb fill buttonSchaltflächenEin übergroßer Kreis gleitet von Ecke zu Ecke über eine umrandete Schaltfläche, füllt diese diagonal aus und wird in dem Moment, in dem Sie darauf drücken, dunkler.

1851Drifting Gradient ButtonSchaltflächenEine Schaltfläche, deren diagonale zweifarbige Füllung übergroß ist und nie aufhört zu gleiten, schneller zu laufen, wenn man mit der Maus darüber fährt, und beim Klicken zusammengedrückt wird.