media contract

KeyboardShortcut

Visual representation of a keyboard shortcut (kbd elements).

Variants

  • inline
  • standalone

Sizes

  • sm
  • md

Example

<KeyboardShortcut keys={['mod', 'K']} />

Usage rule

Use semantic <kbd> for each key.

The full KeyboardShortcut contract has 4 more rules, plus the do-not patterns. Get the full recipe.

Get the KeyboardShortcut contract in your project.