Select
決まった選択肢の中から1つを選ばせるドロップダウン入力。選択肢が数個〜十数個で一覧して選べる場面に向く。ジョブアンテナでは検索条件の勤務地・雇用形態・希望年収や、求人一覧の並び替えに使う。
基本
プレースホルダありと初期値ありの単一選択。Select の items に値とラベルの対応を渡し、SelectValue が選択中のラベルを表示する。
希望年収
検索条件の希望年収を150万円〜1000万円から選ぶ例。選択肢が多くてもリスト内がスクロールし、スクロールボタンで上下に送れる。
並び替え
求人一覧のヘッダーで新着順・おすすめ順を切り替える例。size="sm" のトリガーを件数表示と並べ、defaultValue で初期の並び順を決める。
給与グループ
月給と時給のように性質の違う選択肢を SelectGroup と SelectLabel で区切り、SelectSeparator で境界を示す例。