Renders a key or key combination as a small badge, for documenting shortcuts. Put the key text in the default slot.
Examples
Shortcuts
Combine several to show a chord.
Save with ⌘ S
<p class="flex items-center gap-1 text-sm text-gray-500">
Save with <UiKbd>⌘</UiKbd> <UiKbd>S</UiKbd>
</p>Props
This component takes no props.
Slots
| Slot | Description |
|---|---|
default | Key text or combination to display. |