Skip to main content
Kbd renders an inline keyboard key indicator, the kind you see in documentation and shortcut overlays. Use it to show users which keys to press. A single Kbd can display one key or a full combination:

​
Basic Usage

​
Common Keys

​
Shortcut List

Use Kbd with Row and Text to build shortcut reference lists. The label can contain the full key combination:

​
API Reference

Kbd Parameters

​
str
default:"\"\""
The key label to display (e.g. "⌘", "K", "→", "Shift").
​
str | None
default:"None"
Additional Tailwind CSS classes.

​
Protocol Reference

Kbd
For the complete protocol schema, see Kbd.