コンテキストメニューContextMenu
Experimental

右クリックで開くメニューです。

状態とバリエーション

右クリック、キーボード操作、チェック項目、単一選択を同じメニュー内で扱う例です。

アイコンを使わないメニューでも、項目は左揃えで読みやすく配置します。

関連する操作をサブメニューにまとめ、ショートカットや無効項目も同じ揃えで表示します。

表は横にスクロールできます

プロパティ	型	初期値	説明
modal	boolean	true	開いている間のフォーカス制御をモーダルとして扱うかを指定します。
onOpenChange	(open: boolean) => void	-	開閉状態が変わった時に呼び出されます。
disabled	boolean	-	トリガーや項目を操作できない状態にします。
disabledReason	ReactNode	-	無効な項目に表示する理由です。hover / focus / スマホのタップでツールチップに表示します。
portalContainer	HTMLElement \| null	-	ContextMenuContent / ContextMenuSubContent のポータル先です。疑似ブラウザやプレビュー内にメニューを閉じ込める場合に使います。