Schaltflächen

Live keycap

Eine physisch aussehende Tastenkappe, die beim Klicken nach unten gedrückt wird und die entsprechende Taste auf der echten Tastatur des Lesers widerspiegelt.

Click a cap, or press Alt or Tab on your keyboard and the caps move with you.

Live keycap verwenden

Eine physisch aussehende Tastenkappe, die beim Klicken nach unten gedrückt wird und die entsprechende Taste auf der echten Tastatur des Lesers widerspiegelt.

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: keyLabel, accent, travel, watchKeyboard, tone

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

2689Physical keycap buttonSchaltflächenEine geformte Tastaturtaste mit schattierter Oberseite und echtem Hub: Sie wird gedrückt, gequetscht und blinkt, wenn darauf geklickt oder die gebundene Taste gedrückt wird.

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.

1835Key travel buttonSchaltflächenEin abgerundeter Schlüssel, der auf einem hohen Sockel steht, der sich beim Schweben verkürzt und unter dem Druck verschwindet, so dass der Schlüssel flach sitzt.

2630Keycap lift buttonSchaltflächenEin mechanischer Tastenknopf, der sich beim Schweben anhebt, eine feste Unterlippe beibehält und beim Drücken seinen gesamten Schattenstapel nach innen verlagert.

2587Keycap plate buttonSchaltflächenEine quadratische Platte, die eine abgerundete Taste umrahmt, die sich beim Drücken nach unten bewegt und gedrückt bleibt, während die Taste per Zeiger oder Tastatur gedrückt gehalten wird.

2717Keycap press buttonSchaltflächenEine helle Tastenkappe mit echter Dicke, die aus gestapelten harten Schatten besteht, die sich nach unten bewegt und beim Drücken an Höhe verliert.