ScrollArea
固定高さのコンテナ内でコンテンツをスクロールさせるコンポーネント。カスタムスクロールバーで視覚的な一貫性を保ちながらスクロール領域を提供する。
インストール
npx shoji add scroll-area
プレビュー
使用例
使い方
こんなときに使う
- サイドバーのナビゲーションリスト（長いリストをスクロール）
- チャットのメッセージ履歴
- コードブロック・ログ表示など横スクロールが必要な場合
使わないほうがいい場面
- ページ全体のスクロール（ネイティブスクロールを使う）
- モバイルでの不必要な固定高さ（コンテンツ全体を表示できるほうがよい場合が多い）
JP 最適化のポイント
- overflow-y: auto のみで実装可能な場合はネイティブスクロールを推奨 — ScrollArea はデザイン統一が必要な場合に使う