Schaltflächen

Inset sheen button

Eine blasse Utility-Taste mit einem haarfeinen Rand, einer Hervorhebung von einem Pixel am oberen Rand und einem gedrückten Zustand, der den Glanz nach innen dreht.

Inset sheen button verwenden

Eine blasse Utility-Taste mit einem haarfeinen Rand, einer Hervorhebung von einem Pixel am oberen Rand und einem gedrückten Zustand, der den Glanz nach innen dreht.

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, disabled

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

2627Hairline utility buttonSchaltflächenEine leise, neutrale Aktionstaste, die beim Schweben mit einem Anheben um ein Pixel, einem dunkleren Haaransatz und einem weichen Schatten reagiert und beim Drücken wieder flach sinkt.

1647Pressed highlight toggleSchaltflächenEine Symbolschaltfläche mit zwei Zuständen, die ihren gedrückten Zustand mit einem abgerundeten Hervorhebungsblock sichtbar hält, der von der Mitte nach außen hinter dem Glyphen wächst.

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.

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.

1847Carved Pill ButtonSchaltflächenEine Pille, die durch gegensätzliche innere Schatten in eine weiche, matte Oberfläche geschnitzt wird und in dem Moment, in dem man darüber schwebt oder fokussiert wird, zu einem erhabenen Polster aufsteigt.

2509Dialog bevel buttonSchaltflächenEin kleiner grauer Systemknopf, der aus zwei ineinander verschachtelten harten Abschrägungen und einer gepunkteten inneren Fokusmarkierung besteht, deren abgeschrägte Linien sich beim Drücken vertauschen, sodass sie als „eingedrückt“ angezeigt werden.