KeyboardShortcut
ShowcaseComponentsKeyboardShortcut
Display

KeyboardShortcut.

Document keyboard shortcuts with consistent keycaps.

Real interactive component
Live demo
Open commands ⌘K Search CtrlF

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

2 props
ParameterTypeRequiredDefaultPossible valuesDescription
keysstring[]Yes——Ordered keys to display, e.g. Ctrl and K.
classNamestringNo——Additional CSS class on the outer component element.