Kbd Full Keyboard

0.0 (0 Reviews) Log in to review Details
                    <div class="p-6 flex flex-col items-center justify-center gap-1">
  <div class="my-1 flex w-full justify-center gap-1">
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">q</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">w</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">e</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">r</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">t</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">y</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">u</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">i</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">o</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">p</kbd>
  </div>
  <div class="my-1 flex w-full justify-center gap-1">
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">a</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">s</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">d</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">f</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">g</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">h</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">j</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">k</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">l</kbd>
  </div>
  <div class="my-1 flex w-full justify-center gap-1">
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">z</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">x</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">c</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">v</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">b</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">n</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">m</kbd>
    <kbd class="w-8 h-8 flex items-center justify-center text-sm font-semibold text-gray-800 bg-gray-100 border border-gray-300 rounded-md shadow-sm">/</kbd>
  </div>
</div>
Related components

Kbd Sizes
Kbd In Text
Kbd Function Keys
Kbd Combination
Copied to clipboard
Kbd Full Keyboard

Related components

Review Kbd Full Keyboard
