Skip to main content

Keyboard Shortcut

Keyboard shortcut key chip and grouped shortcut helper for inline docs, toolbars, and help panels.

Sizes

⌘⌘⌘

Single keys

EscEnterTabSpace?

Modifiers

⌘CtrlShiftAlt

Shortcut group

⌘K

Inline in copy

Press⌘Kto open search

PressCtrlSto save on Windows

Chained shortcuts

Go to line⌘G

Toggle sidebar⌘ShiftB

Then pressEnter

Ghost variant

Quick reference

Search⌘K
Save⌘S
CloseEsc

Custom separator

CtrlAltDel

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
sizeOptional"sm" | "md" | "lg"mdPadding and text size.
variantOptional"default" | "ghost"defaultRaised key cap or subtle ghost chip.
childrenOptionalReactNode—Key label (e.g. ⌘, K, Enter).
KeyboardShortcutGroupOptionalcomponent—Renders multiple keys with a configurable separator.
keys / separatorOptionalReactNode[] + ReactNode—Group keys and separator between them (default +).