Schaltflächen

Shrink and emphasize button

Ein Knopf, der sich beim Schweben zusammenzieht, während seine Beschriftung größer und schwerer wird, sodass der Typ nach außen gegen die schrumpfende Hülle drückt.

Hover, press, or tab into a button to watch the shell squeeze while the label grows.

Shrink and emphasize button verwenden

Ein Knopf, der sich beim Schweben zusammenzieht, während seine Beschriftung größer und schwerer wird, sodass der Typ nach außen gegen die schrumpfende Hülle drückt.

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, shrink, tracking

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react. 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

2767Extruded tilt buttonSchaltflächenEin schwerer, in die Perspektive geneigter Anzeigeknopf, dessen hohle Buchstaben durch zwei harte Versätze extrudiert werden, die die Seiten umdrehen, wenn die Platte im Schwebezustand schwingt, und beim Drücken flach werden.

2528Invert on hover pillSchaltflächenEine gefüllte Pille, die Füll- und Beschriftungsfarben austauscht und beim Schweben oder Tastaturfokus leicht anschwillt und beim Drücken unter ihre Ruhegröße schrumpft.

2517Letter drop press buttonSchaltflächenEine Tastenkappentaste auf einer dunkleren Leiste, deren Beschriftung beim Schweben verschwindet und von oben Buchstabe für Buchstabe neu aufgebaut wird, wobei sie beim Klicken auf die Leiste drückt.

2702Sheen scale buttonSchaltflächenEin gefüllter Knopf mit fester Größe und einem diagonalen zweifarbigen Glanz, der leicht anschwillt und beim Schweben oder Fokussieren einen passenden Heiligenschein wirft.

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.

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.