Schaltflächen

Raised bezel button

Eine taktile Aktionstaste, die aus drei gestapelten Platten, einem bearbeiteten Rand, einem abgerundeten Körper und einer eingelassenen Kapseloberfläche besteht, die beim Drücken in ihren Schatten einsinkt.

Raised bezel 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, bezelWidth, pressDepth, showIcon

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

2529Nested bezel send buttonSchaltflächenDrei verschachtelte Rahmen bilden einen klobigen physischen Knopf: eine äußere Lünette, eine schattierte Vertiefung und eine innere Kapsel, deren Glyphe sich beim Schweben um eine volle Umdrehung plus eine Vierteldrehung dreht.

2655Stacked plate press buttonSchaltflächenEin klobiger, abgerundeter Knopf, der aus drei ineinandergreifenden Platten besteht, die beim Drücken auseinandergeschoben werden und beim Loslassen wieder einrasten.

2620Three layer push buttonSchaltflächenEine taktile Taste, die aus drei gestapelten Platten, einem Schlagschatten, einer dunklen Seitenwand und einer schwebenden Oberfläche besteht, die beim Schweben nach oben springt und beim Drücken sofort auf dem Boden landet.

2574Arcade dome buttonSchaltflächenEin runder Druckknopf, dessen gewölbte Kappe über einem dunkleren Sockel schwebt und beim Drücken bündig mit einem sichtbaren Tropfen sitzt.

2583Capsule in frame buttonSchaltflächenEin umrandetes äußeres Tablett, das eine schwebende innere Kapsel enthält, die für die Länge einer Presse im Rahmen versinkt.

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.