スライダー
Slider
別名: レンジスライダー / Range Slider
ライブデモ
説明
一言で説明
つまみをドラッグして数値や範囲を視覚的に入力するUI要素。
いつ使う？
音量、明るさ、価格帯など、連続的な値を直感的に入力させたいとき。
💡 日常の言い方
「つまみを左右にスライドさせて値を変えるやつ」
似ている用語との違い
スライダー vs プログレスバー
プログレスバーは進行状況の表示のみ。スライダーはユーザーが操作して値を変更できる。
AIへの指示例
価格フィルターをスライダーで実装して。0〜10,000円の範囲で、現在の値をリアルタイムに表示して。スライダーのトラックをグラデーションにして。