⌘
⇧
⌥
⌃
Ctrl
+
B
<div class="flex flex-col items-center gap-4">
<span class="inline-flex items-center gap-1">
<kbd class="kbd">⌘</kbd>
<kbd class="kbd">⇧</kbd>
<kbd class="kbd">⌥</kbd>
<kbd class="kbd">⌃</kbd>
</span>
<span class="inline-flex items-center gap-1">
<kbd class="kbd">Ctrl</kbd>
<span>+</span>
<kbd class="kbd">B</kbd>
</span>
</div>
Usage
Use the <kbd> element with the kbd class:
<kbd class="kbd">⌘K</kbd>
Examples
Group
Use Ctrl + B Ctrl + K to open the command palette
<p class="text-muted-foreground text-sm">
Use
<span class="inline-flex items-center gap-1">
<kbd class="kbd">Ctrl + B</kbd>
<kbd class="kbd">Ctrl + K</kbd>
</span>
to open the command palette
</p>
Button
<div class="flex flex-wrap items-center gap-x-4">
<button class="btn-sm-outline pr-2">
Accept
<kbd class="kbd">⏎</kbd>
</button>
<button class="btn-sm-outline pr-2">
Cancel
<kbd class="kbd">Esc</kbd>
</button>
</div>