KBD (Keyboard)

Shift Ctrl Tab Caps Lock Esc Spacebar Enter
<script lang="ts">
  import { Kbd } from 'svelte-5-ui-lib';
</script>

<div class="flex flex-wrap justify-center gap-1">
  <Kbd class="px-2 py-1.5">Shift</Kbd>
  <Kbd class="px-2 py-1.5">Ctrl</Kbd>
  <Kbd class="px-2 py-1.5">Tab</Kbd>
  <Kbd class="px-2 py-1.5">Caps Lock</Kbd>
  <Kbd class="px-2 py-1.5">Esc</Kbd>
  <Kbd class="px-4 py-1.5">Spacebar</Kbd>
  <Kbd class="px-2 py-1.5">Enter</Kbd>
</div>

Component data