Data display

Kbd

Themed keyboard key label with size variants and an aria-label override for symbol glyphs.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjKbdComponent } from '@kouji-ui/components';

Loading editor

Enter

size

label

aria-label (glyph keys)

<kj-kbd
  kjSize="md"
>Enter</kj-kbd>