Context Menu

Klavye erişimi ve alt menüler sunan işaretçi konumlu aksiyon menüsü.

ContextMenu.tsx

Bu alanı sağ tıklayın

Klavye için Shift + F10 kullanabilirsiniz.

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/context-menu.json

Kullanım Örneği

import { ContextMenu } from "@/components/ui"

<ContextMenu
  items={[
    { id: "rename", label: "Yeniden adlandır", shortcut: "F2" },
    { id: "delete", label: "Sil", danger: true },
  ]}
  onItemSelect={(id) => handleAction(id)}
>
  <div tabIndex={0}>Sağ tıklayın</div>
</ContextMenu>

Özellikler & Parametreler (API)

Prop	Tür	Varsayılan	Açıklama
children	ReactNode	—	Bağlam menüsünü açan hedef alan.
items	ContextMenuItem[]	—	Aksiyon, ayırıcı ve alt menü öğeleri.
open	boolean	—	Kontrollü açık/kapalı durumu.
onOpenChange	(open: boolean) => void	—	Menü durumu değiştiğinde çağrılır.
onItemSelect	(id: string) => void	—	Bir aksiyon seçildiğinde kimliği ile çağrılır.
menuLabel	string	"Bağlam menüsü"	Menü kapsayıcısının erişilebilir adı.