📖 Step 5: Design - Advanced UI/UX#139 / 291
Range Slider
Range Slider
📖One-line summary
A slider UI for picking a min–max range by dragging.
✨Example
Drag the slider
0100
50%
⚡Vibe coding prompt examples
>_
Build a dual range slider for price range filtering. Drag the min and max handles to adjust, and show the selected range with color.
>_
Build a range slider component. Show current values in a tooltip as they change and set the step to 1000 won.
Try these prompts in your AI coding assistant!