/ src / components / KeyHint.svelte
KeyHint.svelte
 1  <script lang="ts">
 2    export let styleDisplay: "inline-flex" | "flex" = "inline-flex";
 3  </script>
 4  
 5  <style>
 6    kbd {
 7      align-items: center;
 8      border-radius: var(--border-radius-tiny);
 9      border: 1px solid var(--color-border-default);
10      font-family: var(--font-family-sans-serif);
11      justify-content: center;
12      padding: 0 0.25rem;
13    }
14  </style>
15  
16  <kbd style:display={styleDisplay}>
17    <slot />
18  </kbd>