Kbd

Display commonly used keyboard keys.

<Flex align="center" direction="column" gap="8">
  <Flex gap="4">
    <Kbd>Space</Kbd>
    <Kbd>Enter</Kbd>
    <Kbd>Tab</Kbd>
    <Kbd>Shift + Tab</Kbd>
  </Flex>
  <Flex gap="4">
    <Kbd size="small" meta />
    <Kbd shift />
    <Kbd alt />
    <Kbd ctrl />
  </Flex>
  <Flex gap="4">
    <Kbd meta shift alt />
  </Flex>
</Flex>
<Flex align="center" direction="column" gap="8">
  <Flex gap="4">
    <Kbd>Space</Kbd>
    <Kbd>Enter</Kbd>
    <Kbd>Tab</Kbd>
    <Kbd>Shift + Tab</Kbd>
  </Flex>
  <Flex gap="4">
    <Kbd size="small" meta />
    <Kbd shift />
    <Kbd alt />
    <Kbd ctrl />
  </Flex>
  <Flex gap="4">
    <Kbd meta shift alt />
  </Flex>
</Flex>

<Flex align="center" direction="column" gap="8">
  <Flex gap="4">
    <Kbd size="small" variant="soft">
      Space
    </Kbd>
    <Kbd size="small" variant="soft">
      Enter
    </Kbd>
    <Kbd size="small" variant="soft">
      Tab
    </Kbd>
    <Kbd size="small" variant="soft">
      Shift + Tab
    </Kbd>
  </Flex>
  <Flex gap="4">
    <Kbd size="small" variant="soft" meta />
    <Kbd size="small" variant="soft" shift />
    <Kbd size="small" variant="soft" alt />
    <Kbd size="small" variant="soft" ctrl />
  </Flex>
  <Flex gap="4">
    <Kbd size="small" variant="soft" meta shift alt />
  </Flex>
</Flex>
<Flex align="center" direction="column" gap="8">
  <Flex gap="4">
    <Kbd size="small" variant="soft">
      Space
    </Kbd>
    <Kbd size="small" variant="soft">
      Enter
    </Kbd>
    <Kbd size="small" variant="soft">
      Tab
    </Kbd>
    <Kbd size="small" variant="soft">
      Shift + Tab
    </Kbd>
  </Flex>
  <Flex gap="4">
    <Kbd size="small" variant="soft" meta />
    <Kbd size="small" variant="soft" shift />
    <Kbd size="small" variant="soft" alt />
    <Kbd size="small" variant="soft" ctrl />
  </Flex>
  <Flex gap="4">
    <Kbd size="small" variant="soft" meta shift alt />
  </Flex>
</Flex>