Slate
View as Markdown Open in v0 Open in ChatGPT Open in Claude Open in Scira

Kbd

Displays a keyboard key or shortcut.

Usage
Press ⌘ + K to search
example.blade.php 
<div class="flex items-center gap-2 text-sm text-muted-foreground">
    Press
    <x-slate::kbd>⌘</x-slate::kbd>
    <span>+</span>
    <x-slate::kbd>K</x-slate::kbd>
    to search
</div>

Group
⌘ ⇧ P
example.blade.php 
<x-slate::kbd-group>
    <x-slate::kbd>⌘</x-slate::kbd>
    <x-slate::kbd>⇧</x-slate::kbd>
    <x-slate::kbd>P</x-slate::kbd>
</x-slate::kbd-group>

API Reference
Component Element Notes
kbd kbd Single key
kbd-group kbd Groups related keys
Last updated .