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.
| Prop | Type | Default | Description |
|---|---|---|---|
| children* | ReactNode | — | Key label — typically a symbol, letter, or word. |
| size | 'sm' | 'md' | 'lg' | 'md' | Height and text size. |
| className | string | — | Additional classes. |