components

Kbd

A single keyboard key, e.g. <Kbd>⌘</Kbd><Kbd>K</Kbd> for a shortcut hint. Always <kbd>.

tsx
K
<Kbd>
  ...
</Kbd>

Examples

Each key is its own Kbd — a multi-key shortcut is a small Row of them, not one Kbd with a + baked into its children:

tsx
K
<Row gap="4" alignItems="center">
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</Row>

Props

PropTypeDefaultDescription
classNametext