键盘键
键盘键用于教育商家键盘快捷键。
用于列出一组相关的键盘快捷键。
进口｛KeyboardKey｝从“@shopify /北极星”;进口反应从“反应”;函数例子（）｛返回<KeyboardKey>Ctrl</KeyboardKey>;｝道具
想要帮助完善这个功能吗?请分享你的反馈．
接口
KeyboardKeyProps
- 孩子们? 字符串
-
要在键内显示的内容。
最佳实践
键盘按键组件应该:
- 当列出多个快捷方式时，包括一个标题来介绍和解释所描述的快捷方式
- 包括一个操作标签，以描述如果商家使用组合键将会发生什么
内容的指导方针
标题
键盘键上方的标题应该:
- 标记所显示的键盘快捷键类型
- 遵循内容指南标题和副标题
快捷方式描述
快捷键描述应该描述当商家点击某些键时所采取的操作。当热键组合将商家带到界面中的某个位置时，格式应为:
| 属性 | 类型 | 描述 |
|---|---|---|
| 孩子们 | 字符串 | 要在键内显示的内容 |
相关的组件
- 若要添加带有相关键盘快捷键的按钮的工具提示，请执行以下操作:使用工具提示组件
可访问性
键盘键组件的文本由屏幕阅读器读取，但不传达视觉格式。确保商家能够理解关于键盘快捷键的信息，而不依赖于组件的视觉样式。
做
- 键盘快捷键信息的配对列表，带有描述小节的标题(“键盘快捷键”)。
- 提供带有上下文的内联键盘指令。
例子
按下<KeyboardKey>Ctrl</KeyboardKey>关键．
不
- 单独使用键盘键组件来传递键盘指令。
例子
使用<KeyboardKey>Ctrl</KeyboardKey>