Shortcut hints
Single keys, combos, and named keys inside helper text.
<div class="flex flex-wrap items-center justify-center gap-x-8 gap-y-3 text-sm text-foreground/60">
<span class="flex items-center gap-2">
<span class="flex items-center gap-1"><x-components.kbd>⌘</x-components.kbd><x-components.kbd>K</x-components.kbd></span>
Search
</span>
<span class="flex items-center gap-2">
<span class="flex items-center gap-1"><x-components.kbd>⇧</x-components.kbd><x-components.kbd>⌘</x-components.kbd><x-components.kbd>D</x-components.kbd></span>
Deploy
</span>
<span class="flex items-center gap-2">
<x-components.kbd class="px-2">esc</x-components.kbd>
Close
</span>
<span class="flex items-center gap-2">
<x-components.kbd class="px-2">enter</x-components.kbd>
Select
</span>
</div>