Kbd

Displays keyboard shortcuts or keypresses.

kbd-demo.tsx
import { Kbd } from "@/components/ui/kbd"
 
export function KbdDemo() {
	return (
		<div className="flex items-center gap-2 text-sm">
			<Kbd>⌘</Kbd>+<Kbd>K</Kbd>
		</div>
	)
}

Installation

npx shadcn@latest add https://9ui.dev/r/kbd

Usage

Imports
import { Kbd } from "@/components/ui/kbd"
Anatomy
<Kbd />