Primitive

Kbd

Keyboard shortcut keycap.

Use Kbd for short command hints only. Prefer grouped keycaps inside commands and tooltips over explanatory keyboard copy.
typography
DOM renderImage render
KbdDefault
⌘K↵

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Standalone keycaps.
⌘K↵
Render state

Shortcut

Button shortcut composition.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
intent'default' | 'inverse'defaultKeycap surface intent.
childrenReactNode-Visible key label.