Work in progress - do not use in production. This component is still being built: it is not flagged Ready for Dev, so its markup, attributes, events and styles can all still change without notice, it is not covered by the accessibility gate, and it is not published to npm. It is on this site so the work can be seen and reviewed - nothing more.

Kbd

A styled keyboard key for documenting shortcuts, rendered as a native <kbd>.

Usage

Ctrl

<kbd is="root-kbd">Ctrl</kbd>

Compose several to show a chord:

Cmd K

<kbd is="root-kbd">Cmd</kbd>
<kbd is="root-kbd">K</kbd>

Extends

HTMLElement - use with <kbd is="root-kbd">. Presentational only; the native <kbd> semantics are preserved.