階層レイアウト
カテゴリ: 特殊
難易度: 応用
概要
ツリーのようなネストされた構造。ファイルブラウザや組織図。
学習ポイント
- ネストした
ul/li でのツリー構造
pl-* でのインデント制御- 展開/折りたたみのCSS実装（
details/summary）
- 接続線の描画（
border-left + 疑似要素）
参考
- mui-storybook:
LayoutComplete/layouts/HierarchicalLayout
ゴール
/layouts/hierarchical ページを作成し、TailwindCSSのみで実装する
階層レイアウト
カテゴリ: 特殊
難易度: 応用
概要
ツリーのようなネストされた構造。ファイルブラウザや組織図。
学習ポイント
ul/liでのツリー構造pl-*でのインデント制御details/summary）border-left+ 疑似要素）参考
LayoutComplete/layouts/HierarchicalLayoutゴール
/layouts/hierarchicalページを作成し、TailwindCSSのみで実装する