Schaltflächen

Elevated chip button

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

Invoice 2401

Elevated chip button verwenden

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, elevation, radius, paddingX

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

2660Elevation ladder fill buttonSchaltflächenEine Kapsel, die zwischen Ruhe, Schweben und Drücken drei Höhenstufen erklimmt, während eine sanfte Akzentwaschung über ihre Vorderseite verläuft.

2479Lift and settle buttonSchaltflächenEine durchgezogene Schaltfläche, die nach oben schwebt und beim Schweben die Akzentfarbe annimmt und dann beim Drücken über ihre Ruhelinie hinaus in einen reduzierten Schatten 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.

1825Deep Slab ButtonSchaltflächenEine hohe Platte, die auf einem langen diagonalen Schatten über der Seite schwebt und beim Schweben darauf sinkt und dann beim Klicken flach aufschlägt.

1955Emboss swap buttonSchaltflächenEin 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.