Kbd

Represents a keyboard input using the native <kbd> element.

Standalone

<link rel="stylesheet" href="https://esm.sh/@erikt/ui/kbd.css" />

Default

⌘ ⇧ ⌥ ⌃
<kbd>⌘</kbd>
<kbd>⇧</kbd>
<kbd>⌥</kbd>
<kbd>⌃</kbd>

Combinations

Wrap keys in an outer <kbd> to form a combination. The + separator is a plain text node between the inner elements.

⌘+K ⌘+⇧+P
<kbd><kbd>⌘</kbd>+<kbd>K</kbd></kbd>
<kbd><kbd>⌘</kbd>+<kbd>⇧</kbd>+<kbd>P</kbd></kbd>

Search 5021 icons

Type a name to find icons from the Tabler icon set.

      Move Open Esc Close