ページ補助PageAsideExperimental
ページ内リンク、ページステータス、関連リンクなどの補助情報を、広い画面では右レール、狭い画面では本文内の折りたたみ領域へ配置します。
プレビュー
状態とバリエーション
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| title | ReactNode | - | モバイルのアコーディオン見出しと補助領域のラベル。 |
| renderAside | () => ReactNode | - | 右レールと折りたたみ領域に表示する補助情報を返します。 |
| children | ReactNode | - | 主コンテンツ領域に表示する本文。 |
| width | string | "w-72" | デスクトップ時の RightRail 幅を指定する Tailwind クラス。 |
| defaultOpen | boolean | true | 狭い画面で補助情報を初期表示するか。 |
| mobileDescription | ReactNode | - | 狭い画面の折りたたみ領域に表示する補足説明。 |
| contentClassName | string | - | 本文領域に追加するクラス。 |
| railClassName | string | - | デスクトップの RightRail に追加するクラス。 |
使い方
Loading...