Slider

数値を軸上のつまみで直感的に選ぶためのフォームコントロール。@base-ui/react ベースで、defaultValue に数値を渡すと単一値、配列を渡すと範囲指定になる非制御利用に対応する。ジョブアンテナでは求人検索の希望年収・希望月給のレンジ指定や、通勤時間の上限指定に使う。

基本

単一値・範囲指定（配列の defaultValue）・disabled の各状態。ラベルと現在値をスライダーの上に並べて表示する。

求人検索の希望年収を 150万円〜1000万円の範囲で指定する例。選択中のレンジを中央に表示し、フッターに件数付きの検索ボタンとクリアを置く。

通勤時間の上限を単一値で指定する例。15分刻みの粗い step で選びやすくし、両端の目盛りと補足説明を添える。