Kbd

Keyboard key display. Use inline in text, in tooltips, or in command palette footers to communicate keyboard shortcuts.

Examples

⌘K

Sizes

⌘K⌘K⌘K

Key combination

ShiftP

Inline in text

Press ⌘K to open search, or Esc to close.

Props

children*
ReactNode
Key label — typically a symbol, letter, or word.
size= 'md'
'sm' | 'md' | 'lg'
Height and text size.
className
string
Additional classes.