creddy/src/ui/KeyCombo.svelte

16 lines
374 B
Svelte

<script>
export let keys;
let classes = '';
export {classes as class};
</script>
<span class="inline-flex gap-x-[0.2em] items-center {classes}">
{#each keys as key, i}
{#if i > 0}
<span class="mt-[-0.1em]">+</span>
{/if}
<kbd class="normal-case px-1 py-0.5 rounded border border-neutral">{key}</kbd>
{/each}
</span>