Murasaki
コンポーネント

Kbd

キーまたはキーボードショートカットを表示します。

K

使い方

import { Kbd, KbdGroup } from '@murasakijs/ui'

<KbdGroup aria-label="Command K">
  <Kbd>⌘</Kbd><span aria-hidden="true">+</span><Kbd>K</Kbd>
</KbdGroup>

Kbd は意味を持つ <kbd> 要素を生成します。この表示だけでショートカットが動作するわけではありません。操作内容を文章でも説明し、キー処理は別に実装してください。OS や支援技術が使うショートカットを上書きしないでください。

GitHub でこのページを改善

On this page