跳到正文
GitHub

展示

Kbd

键盘上的一个键,就按键来排版。

示例

default

Press K to open the palette, or Esc to close it.

说明

键盘上的一个键,就按键来排版。

渲染成 <kbd>,这就是表示“这是个按键”的那个元素——一个被打扮成按键模样的 <span> 对读屏软件什么都没说。尺寸用 em,所以它跟着旁边的文字走,而不是把自己钉死在某个 px 值上——同一个快捷键在一页里出现三种大小,就是那么来的。

属性

Kbd props
属性类型默认值说明
children必填ReactNode

同时接受 HTMLAttributes<HTMLElement> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。

无障碍

  • 渲染 <kbd>,它带有语义,而加了样式的 <span> 没有。