Kbd

Klavye tuşlarını ve kısayol kombinasyonlarını gösteren semantik ipucu.

Kbd.tsx

⌘KveyaEsc

Kurulum

shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:

$npx shadcn@latest add https://ui.cagriozay.com.tr/r/kbd.json

import { Kbd, KbdGroup } from "@/components/ui"

<KbdGroup keys={["⌘", "K"]} />
<Kbd size="sm">Esc</Kbd>

Prop	Tür	Varsayılan	Açıklama
size	"sm" \| "md" \| "lg"	"md"	Tuş etiketinin boyutu.
keys	ReactNode[]	—	KbdGroup içinde gösterilecek tuşlar.
separator	ReactNode	"+"	Kısayol tuşları arasındaki ayraç.