کیبورد (Kbd)

import { Kbd } from '@parto-system-design/ui'

<p>
  برای ذخیره <Kbd>Ctrl</Kbd> + <Kbd>S</Kbd> را فشار دهید
</p>

<div className="flex flex-wrap items-center gap-4">
  <span className="flex items-center gap-1">
    <Kbd>Ctrl</Kbd> + <Kbd>C</Kbd>
  </span>
  <span className="flex items-center gap-1">
    <Kbd>Ctrl</Kbd> + <Kbd>V</Kbd>
  </span>
  <span className="flex items-center gap-1">
    <Kbd>Ctrl</Kbd> + <Kbd>Z</Kbd>
  </span>
</div>

import { Kbd, KbdGroup } from '@parto-system-design/ui'

;<KbdGroup>
  <Kbd>Ctrl</Kbd>
  <Kbd>Shift</Kbd>
  <Kbd>P</Kbd>
</KbdGroup>

<Tooltip>
  <TooltipTrigger>ذخیره</TooltipTrigger>
  <TooltipContent>
    ذخیره سند <Kbd>Ctrl</Kbd> + <Kbd>S</Kbd>
  </TooltipContent>
</Tooltip>

<div className="flex flex-wrap items-center gap-2">
  <Kbd>⌘</Kbd>
  <Kbd>⌥</Kbd>
  <Kbd>⇧</Kbd>
  <Kbd>⌃</Kbd>
  <Kbd>⏎</Kbd>
  <Kbd>⌫</Kbd>
  <Kbd>Esc</Kbd>
  <Kbd>Tab</Kbd>
</div>