Checkbox

複数の選択肢から任意の数を選ぶ、またはオン・オフを切り替えるためのフォームコントロール。@base-ui/react ベースで defaultChecked による非制御利用と name / value でのフォーム送信に対応する。ジョブアンテナではこだわり条件や勤務地の複数選択、応募時の同意確認、応募者リストの一括選択に使う。

基本

未チェック・チェック済み・disabled の各状態と、name / value を付けてフォーム送信する複数選択。Label で包むとテキストのクリックでも切り替わる。

こだわり条件

求人検索でこだわり条件(未経験OK、リモート可、駅近など)を複数選択する例。先頭の「すべて」で一括選択・解除し、フッターに件数付きの検索ボタンとクリアを置く。

応募の同意確認

応募確認画面で利用規約への同意を取る例。同意しないと進めない操作では、実行ボタンの直前にチェックボックスと注意書きを置く。

応募者の一括選択

管理画面の応募者リストで行を選択する例。ヘッダーのチェックで全選択し、選択件数と一括操作ボタンを表示する。