Native Select

ブラウザ標準の select 要素をそのままスタイリングしたフォームコントロール。OS ネイティブのドロップダウンを使うためモバイルでも軽快に動作し、選択肢が多い単一選択に向く。ジョブアンテナでは希望年収や勤務地などの検索条件、給与種別の入力、応募ステータスの切り替えに使う。

基本

default と sm の2サイズ、disabled 状態、NativeSelectOptGroup によるエリア別のグループ化。defaultValue で非制御のまま初期値を与える。

希望年収

求人検索の希望年収を選ぶ例。「特に指定しない」を先頭に置き、150万円〜1000万円の長い選択肢はネイティブのドロップダウンに任せる。

給与・待遇フォーム

管理画面の求人フォームで給与種別(月給・時給・日給・年俸)を選ぶ例。下限・上限の金額入力と組み合わせてひとつのセクションにまとめる。

応募ステータス

応募者リストの行内で選考ステータス(未選考・保留中・連絡済・採用・不採用)を切り替える例。size="sm" にすると行の高さに収まる。