Radio Group

複数の選択肢からちょうど1つを選ばせるためのフォームコントロール。@base-ui/react ベースで defaultValue による非制御利用に対応し、選択肢が2〜5個程度で全体を一覧させたい場面に向く。ジョブアンテナでは雇用形態や給与種別の単一選択、検索条件の絞り込み、応募者の選考ステータス更新に使う。

基本

雇用形態(正社員・契約社員・アルバイト・パート・派遣社員)から1つを選ぶ基本形。RadioGroupItem に disabled を付けると受付終了などの選べない選択肢を表現できる。

給与種別のカード選択

求人フォームの給与・待遇セクションで給与種別(月給・日給・時給)を選ぶ例。Label でカード全体を包み、has-data-checked で選択中のカードを強調する。補足説明を添えたい選択肢に向く。

検索条件の雇用形態

求人検索パネルで雇用形態を単一選択で絞り込む例。「すべて」を先頭に置き、各選択肢の右に該当件数、フッターに件数付きの検索ボタンとクリアを置く。

応募ステータスの更新

管理画面の応募者詳細で選考ステータス(未選考・保留中・連絡済・採用・不採用)を付け替える例。状態は排他なのでラジオで選び、更新ボタンで確定する。