Scroll Area
固定サイズの領域に収まらないコンテンツを、OS 標準より控えめなスクロールバー付きでスクロールさせるコンポーネント。ジョブアンテナでは求人リストや応募規約文の縦スクロール、検索条件タグや求人カードの横スクロールに使う。
基本
高さを h-64 に固定し、あふれた新着求人リストを縦スクロールで読ませる基本形。デフォルトで縦の ScrollBar が表示される。
検索条件タグ
こだわり条件などのタグを w-max で折り返さず並べ、ScrollBar に orientation="horizontal" を渡して横スクロールにする。検索画面のタグ一覧向け。
応募規約
応募確認画面で規約文をコンパクトな枠に収める例。長文をスクロールで全文確認させ、注意書きと応募ボタンは領域の外に固定する。
求人カードの横並び
おすすめ求人カードを横一列に並べてスクロールさせる例。トップページの「あなたへのおすすめ」のような流し見導線に使う。