§10-10Layout
サイドピーク (slide-over)
一覧を残したまま詳細を右から重ねて開く。
一覧を離れずに項目の詳細を確認する。多くの項目を順に見るときに、ページ遷移で位置を失う問題に効く。
実装のポイント
一覧の文脈を保ったまま詳細を出すため、開いた項目を URL に反映して直接リンクできるようにする。閉じたら元の行にフォーカスを戻す。
- 特徴
- 状態管理
- デモで使っているもの
- shadcn/ui
§10-10Layout
一覧を残したまま詳細を右から重ねて開く。
一覧を離れずに項目の詳細を確認する。多くの項目を順に見るときに、ページ遷移で位置を失う問題に効く。
一覧の文脈を保ったまま詳細を出すため、開いた項目を URL に反映して直接リンクできるようにする。閉じたら元の行にフォーカスを戻す。