ドロップダウンDropdownMenu
Experimental

ボタンで開くメニュー（アクションや機能の一覧）を表示します。

状態とバリエーション

表示設定や密度など、メニュー内で状態を切り替える例です。

ショートカット、区切り、破壊的操作を含むよくあるユーザーメニューです。

主操作は左側のボタンに残し、追加操作だけを下向きシェブロンから開きます。

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

プロパティ	型	初期値	説明
open	boolean	-	開閉状態を外部で制御します。
onOpenChange	(open: boolean) => void	-	開閉状態が変わった時に呼び出されます。
portalContainer	HTMLElement \| null	-	プレビュー枠や疑似ブラウザ内に閉じ込めたい場合のポータル先です。
disabled	boolean	-	項目を選択できない状態にします。
DropdownMenuItem.disabledReason	React.ReactNode	-	無効な項目に hover / focus / touch で表示する理由です。
DropdownMenuItem.disabledReasonPortalContainer	HTMLElement \| null	-	プレビュー枠や疑似ブラウザ内にツールチップを閉じ込める場合のポータル先です。