Skip to content

Kbd

A keyboard shortcut display component. keys is split by spaces into multiple keycaps joined with +; non-interactive.

Basic usage

Combined shortcuts

Single key & empty state

Single key & empty state

Custom content

Slot content takes priority

⌘CSpace

API

Attributes

AttributeDescriptionTypeDefault
keysSpace-separated key sequence, e.g. "ctrl shift k"string

Slots

NameDescription
default

Note: empty keys renders a single empty keycap; slot content takes priority when provided. The component is purely presentational with role="text" and dispatches no events.