Kbd

A keyboard-key display — a single key or a combo (joined with +), rendered as styled <kbd> caps. Shared size axis, --ui-* tokens.

Single & combos

Esc Enter Ctrl+ K ⌘+ ⇧+ P Alt+ F4

<script>
  import { Kbd } from '@spaethtech/svelte-ui';
</script>

<Kbd text="Esc" />
<Kbd keys={['Ctrl', 'K']} />       <!-- combo, joined with + -->
<Kbd keys={['⌘', '⇧', 'P']} size="lg" />

Sizes

Ctrl+ K Ctrl+ K Ctrl+ K

In prose

Press / to search, or Ctrl+ K for the command palette.