Kbd
Displays a keyboard key or shortcut. Useful for showing keyboard shortcuts in tooltips, menus, and documentation.
⌘K
Installation
npx shadcn add kbd --registry https://ui.ch.sh/r
Usage
import { Kbd } from "@/components/ui/kbd"
export default function Example() {
return (
<div className="flex items-center gap-1">
<Kbd>⌘</Kbd>
<Kbd>K</Kbd>
</div>
)
}