Sidebar

Sidebarは、Webサイトやアプリケーションの画面左側に表示されるコンポーネントです。
ヘッダーメニュー・ドロップダウンメニューなど、ナビゲーションに必要な要素をまとめて表示できます。

プロパティ

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

名前	型	説明
`headerMenu`	`HeaderMenuProps`	ヘッダー部分に表示するメニュー情報（画像・タイトル・サブタイトルなど）です。
`items`	`MenuItems[]`	サイドバー内に表示するメニュー群です。
`startContent`	`Snippet`	メニュー項目の左側に表示するカスタム要素（アイコンなど）を指定できます。

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

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

SidebarDropdownは、Webサイトやアプリケーションのサイドバー内に表示されるメニューコンポーネントです。
ヘッダー・フッター・ドロップダウン形式のメニューを持ち、ナビゲーションやアカウント切り替えなどの主要な要素を表示します。

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

名前	型	説明
`headerMenu`	`HeaderMenuProps`	ヘッダー部分に表示するメニュー情報（画像・タイトル・サブタイトルなど）です。
`footerMenu`	`FooterMenuProps`	フッター部分に表示するメニュー情報（画像・タイトル・サブタイトルなど）です。
`menus`	`SidebarMenu[]`	サイドバー内に表示するドロップダウン形式のメニュー群です。
`startContent`	`Snippet`	メニュー項目の左側に表示するカスタム要素（アイコンなど）を指定できます。

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

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