本文へ移動

§13-03Personalization

レイアウト密度 (comfortable/compact)

表示の余白を広めと詰めた形で切り替える。

一覧の見やすさと一画面の情報量のどちらを優先するかを利用者に選ばせる。表や受信箱を長時間使う人の好みに応える。

実装のポイント

密度はクラスや CSS 変数で余白をまとめて切り替え、個別コンポーネントに分岐を書かない。選択はユーザー設定として永続化する。

特徴
  • 状態管理

このパターンが効く目的