Dropdown Menu

DropdownMenuは、クリックやホバーによって表示される選択肢の一覧から、ユーザーが操作を選べるコンポーネントです。

プロパティ

DropdownMenuは、以下のプロパティをサポートしています。

名前	型	デフォルト値	説明
`menus`	`MenuProps[]`	なし	階層の配列を渡します。

MenuPropsは、各階層の情報を表すオブジェクトです。

名前	型	デフォルト値	説明
`label`	`string`	なし	階層のラベルです。
`items`	`MenuItemProps[]`	なし	階層のメニュー。

MenuItemPropsは、メニューの情報を表すオブジェクトです。

名前	型	デフォルト値	説明
`label`	`string`	なし	メニューのラベルです。
`disabled`	`boolean`	false	操作できるかどうか。
`collapsible`	`boolean`	false	次の階層があるかのアイコンを表示させるかどうか。
`shortCutText`	`string`	なし	メニュー右側に表示するテキスト。
`startContent`	`Snippet<[]>`	なし	左側に表示する要素。
`subMenu`	`MenusProps[]`	なし	ネストしたメニューの情報。

以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。