Kbd
Keyboard key component - Zine Mark style 3D key display
案例展示
键盘按键在实际场景中的使用示例
快捷键说明
SaveCtrl+S
CopyCtrl+C
PasteCtrl+V
UndoCtrl+Z
键盘组合
⌘⇧P
AltTab
CtrlAltDel
操作提示
Press Enter to confirm, Esc to cancel, use ↑ ↓ to navigate options
可点击按键（Hover 态 + 点击反馈）
Click the keys below to try the effect:
+0-
Keys have hover state (float up) and active state (press down)
带动画反馈的按键
Click the keys, they turn accent color:
ABCClear
...
实时键盘检测
Press any key on this page:
Press any key
虚拟键盘
QWERTYUIOP
ASDFGHJKL
ShiftZXCVBNM⌫
Space
单个按键
常用的单个按键显示
A
Letter1
Number@
SymbolF1
Function修饰键
常用的修饰键
Ctrl
ControlAlt
AltShift
Shift⌘
Command特殊键
特殊功能按键
↵
EnterTab
TabSpace
SpaceEsc
Escape方向键
箭头方向按键
↑
Up↓
Down←
Left→
Right自定义样式
通过 className 自定义按键样式
尺寸变体
SSmall
MDefault
LLarge
XLExtra Large
颜色变体
DefaultAccentPrimaryDangerSuccess