Keyboard

A component for displaying keyboard shortcuts and commands

<p>Press <hf-keyboard>⇧⌘T</hf-keyboard> to close window</p> <hf-keyboard> <hf-keyboard>Ctrl</hf-keyboard> + <hf-keyboard>N</hf-keyboard> </hf-keyboard>

Press ⇧⌘T to close window

Ctrl + N

Notes

The keyboard component styles keyboard input representations.

• Use for displaying keyboard shortcuts
• Can be nested for combination keys
• Maintains consistent styling across different keys