Zum Inhalt springen
fend-ui
Vorschau

Kbd

Tastenkürzel in Fließtext und Menüs. Kbd rendert ein semantisches <kbd>, KbdGroup hält mehrere Tasten mit einem Plus zusammen.

Einzelne Tasten

Kbd rendert ein semantisches <kbd> mit Mono-Schrift und einer 1-px-Unterkante.

EnterEscTabLeertaste

Kombinationen

KbdGroup hält mehrere Tasten eng zusammen; das Plus ist reiner Text dazwischen.

Befehlspalette: ⌘KVollbild: ⌃⌘F

In einer Befehlsliste

Tasten sitzen rechts in der Zeile und bleiben auch bei langen Befehlsnamen sichtbar.

  • Befehlspalette⌘K
  • Speichern⌘S
  • Suchen/

Playground

Tastenbeschriftung ändern.

K

Barrierefreiheit

Kbd ist rein präsentationell: Screenreader lesen den Tastennamen als Text. Verwende Kbd nur für echte Tastatureingaben, nicht als Ersatz für Buttons.

Für anklickbare Aktionen bleibt der Button zuständig. KbdGroup gruppiert nur visuell und fügt keine zusätzlichen Rollen oder Fokusziele hinzu.