SmartRange Slider is a customizable dual-handle range slider for Bubble that allows users to select minimum and maximum values within a defined range.
Built with noUiSlider, it delivers smooth performance, real-time updates, and full styling control.
Perfect For:
1. Price filters
2. Budget selection
3. Salary ranges
4. Distance filters
5. Numeric filtering
Features:
1. Dual-handle (Min & Max) selection
2. Real-time value update event
3. Custom track height and colors
4. Optional tooltips
5. Fully responsive
6. Clean and modern UI
How to Use:
• Install the plugin in your Bubble app.
• Drag the Smart Price Range Slider element onto your page.
• Set the minimum and maximum values in the property editor.
• Customize the track height, colors, and enable tooltips if needed.
• Use the exposed states (Min Value & Max Value) in your workflows.
• Trigger workflows using the real-time value change event for dynamic filtering.
Editor Link:
https://bubble.io/page?id=faisalapps&tab=Design&name=index&elements=bTHsdDemo Link:
https://faisalapps.bubbleapps.io/version-test/
Built on Bubble
