Carousel

限られた横幅で複数のコンテンツを順送りに見せるスライド表示コンポーネント。ジョブアンテナではトップページのおすすめ求人や、職種・エリアから探す回遊導線を横並びで見せる場面で使う。前後ボタン・矢印キー・ドラッグ操作でスライドを送れる。

基本

おすすめ求人カードを1枚ずつ送る基本形。CarouselContent に CarouselItem を並べ、CarouselPrevious / CarouselNext で前後に移動する。応募済みの求人はボタンを disabled にする。

CarouselItem に basis-1/3 を指定して3枚ずつ見せる例。opts の align を start にして先頭揃えでスクロールし、小型の求人カードを一覧的に見せたいときに使う。