Pagination
検索結果や一覧が複数ページに分かれるとき、ページ番号と前後リンクで移動するためのナビゲーションです。ジョブアンテナでは求人検索結果や管理画面の応募者テーブルのページ送りに使います。現在ページは isActive で示し、ページ数が多いときは PaginationEllipsis で中間を省略します。
基本
求人検索結果の件数表示と組み合わせた標準形です。現在ページ付近と最終ページを残し、間を PaginationEllipsis で省略します。
省略記号なし
総ページ数が5ページ程度までなら省略せず全ページ番号を並べます。目的のページへ一足飛びに移動できます。
中間ページ
ページ数が多い検索結果の中間を閲覧中の状態です。前後1ページと先頭・末尾だけを残し、両側を省略記号でまとめます。
先頭ページ
1ページ目では「前へ」を aria-disabled と pointer-events-none で無効化します。リンク要素のため Button の disabled ではなくクラスで抑止します。