KBD-KEY

Source: design-system/components/KbdKey/KbdKey.tsx. React Server Component, zero client JavaScript.

Props

Prop	Type	Default	Required
Prop`size`	Type`'sm' \| 'md'`	Default`'md'`	Requiredno
Prop`children`	Type`ReactNode`	Defaultnone	Requiredyes

Other <kbd> attributes (id, aria-*, data-*) pass through, and className is appended to the component's own classes.

Ctrl+KEnter

SOURCE

<KbdKey>Ctrl</KbdKey>
  <KbdKey>+</KbdKey>
  <KbdKey>K</KbdKey>
  <KbdKey size="sm">Enter</KbdKey>

Renders the semantic <kbd> element. Compose key chords by placing one KbdKey per key.