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[]`		ネストしたメニューの情報。

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

DropdownMenuを使うときは、以下のコンポーネントもダウンロードが必要です。

特に操作が行われていない、デフォルトの状態です。

選択不可の状態です。