Kbd
Keyboard hints are small UI rhythm elements: keep them flat unless they’re interactive.
Basic Usage
⌘⇧⌥EscEnter
Command palette⌘K
Sizes
Small⌘S
Default⌘S
Large⌘S
States
Use interactive only when the key is clickable.
ASDSpaceE
Hover/press to see the lift and pressed shadow.
Elevation
Two shadow levels: flat by default, and a subtle raised option.
Flat (Default)⌘K
Raised⌘K
API Reference
Prop
Description
variantColor style (default/primary/secondary/destructive/outline).
sizeSizing presets (sm/default/lg).
interactiveEnables hover/pressed lift and subtle shadow (opt-in).
elevationShadow level:
flat (default) or raised.