Schaltflächen

Emboss swap button

Ein kleiner gesättigter Chip, der beim Schweben seinen flachen Schlagschatten gegen ein vierfach geformtes Relief eintauscht, sodass die Oberfläche aus der Seite herausgedrückt zu sein scheint.

Emboss swap button verwenden

Ein kleiner gesättigter Chip, der beim Schweben seinen flachen Schlagschatten gegen ein vierfach geformtes Relief eintauscht, sodass die Oberfläche aus der Seite herausgedrückt zu sein scheint.

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, radius, depth, size

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

2579Breathing Inset ButtonSchaltflächenEin hell geformter Knopf, dessen inneres Panel sich beim Schweben vom Rand löst, während das Sendezeichen ein kurzes Stück in Richtung der Beschriftung gleitet.

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.

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.

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.

2560Drifting aura buttonSchaltflächenEin sanft geprägtes, schräges Pad, das hinter seinen Rändern einen verschwommenen Farbstreifen hervorruft und den hellsten Teil um die Kontur gleiten lässt.

2534Elevated chip buttonSchaltflächenEin blasser, abgerundeter Chip, der auf gestapelten weichen Schatten ruht, der sich beim Schweben zum Akzent hin verfärbt und beim Drücken auf einen tieferen Schatten mit einer Akzentkontur absinkt.