快捷键提示

这个组件解决的是「怎么把按键写出来」：一个带细边框、底边稍厚、像键帽一样的小方块，里面是 Ctrl、⌘、Shift、Enter、K 这样的键名；组合键用几个键帽并排，中间可以写「+」。它出现在下拉菜单和右键菜单每一项的右侧（「复制 ⌘C」）、按钮的文字提示里（「保存 Ctrl+S」）、搜索框的右端（「⌘K」）、命令面板底部的操作说明和帮助文档里。HTML 里有专门的 kbd 标签。

它和交互里的 快捷键（Keyboard Shortcut）不是一回事：那个讲的是「按 Ctrl+K 打开搜索」这种功能本身怎么设计；这里只是把键名显示出来的样子。它和 行内代码 长得很像，都是一小块灰底文字：行内代码表示要输入或出现在代码里的文字（函数名、命令），快捷键表示键盘上的按键。

Mac 和 Windows 的写法不同，要按用户的系统显示（Mac 上 ⌘ ⌥ ⇧，Windows 上 Ctrl Alt Shift），不要两套都堆出来。键帽比正文小一号，和文字垂直居中，不要把行高撑开。它只是提示，不能点击；读屏软件会读出 kbd 里的文字，符号键（⌘、⇧）最好加上 aria-label 或 title 写出键名。