Mechanische Taste
Eine geformte Tastenkappe auf einer Tastaturplatte, die mit echtem Hub einsinkt und einen Lichtring über die Platte schickt.
Einstellungen
Code
<div class="uvq01-key"><span class="rp" aria-hidden="true"></span><button class="k" type="button"><span class="cap"><span class="t">Senden</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 5v7a3 3 0 0 1-3 3H6"/><path d="M10 11l-4 4 4 4"/></svg></span></button></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Mechanische Tastaturen haben eine treue Fangemeinde, und dieser Button leiht sich ihren Look: eine geformte Kappe mit konkaver Oberfläche und Beschriftung auf einer eloxierten Platte mit farbigem Unterlicht. Jeder Druck senkt die Kappe mit echtem Tastenhub und löst eine reaktive Lichtwelle aus, auch mit Enter oder Leertaste. Passt zu Entwickler-Tools, Tastenkürzel-Hinweisen und Gaming-Seiten.
Nimm die Hauptfarbe für die Kappe, etwa eine klassische orange Escape-Taste, und die Zweitfarbe für das RGB-Leuchten. Kurze Beschriftungen wie Senden, Ausführen oder Enter wirken am natürlichsten, mehrere davon ergeben eine glaubwürdige Kürzel-Legende.