Theme: ← Übersicht Tokens

Tastenkürzel

Tastenkürzel-Anzeige — „Strg+K" wird zu einzelnen Tasten-Kappen mit + dazwischen

UI Elements v1.0.0 Inhalt WebsiteAppDesktopE-Mail ui.kbd

Beispiele

Kombination
StrgK
Drei Tasten
StrgUmschaltP
Einzelne Taste
Esc

Eigenschaften

PropTypDefaultBuilder-Label
keys *string—Tasten

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

TokenDefault
--kbd-backgroundvar(--color-surface-sunken)
--kbd-bordervar(--color-border-default)

Genutzte Design-Tokens

border.emphasisborder.hairlinecolor.border.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.monoradius.smsize.1size.5text.xs

LLM-Notizen

ui.kbd

Tastenkürzel-Anzeige: keys = „Strg+K" wird zu einzelnen Tasten-Kappen mit + dazwischen. Für Kürzel IM Fließtext kann der Sanitizer bereits <kbd> (ui.richtext).

Beispiel-Node


{ "definition": "ui.kbd", "props": { "keys": "Strg+Umschalt+P" } }