Range Sliders

Free Component by Flowbase



Weight 'after' Covid:
Uber Eats Budget:
Thanks for the numbers, they could be going to your emails. But they're going to mine... Thanks ;D
Oops! Something went wrong while submitting the form.

Add to your site!

Learn how to add this in seconds...

This range slider attaches to a form input. Just make sure you use the #ID exactly as shown in the project. The custom code is found inside the page settings.

IDs you need to use:
- #slider-single
- #slider-range

You can customise:
- Colors & Styles
- Tooltips
- Tooltips Position
- Prefix (eg. $)
- Range / Limits / Steps
- Starting Amounts

Want to display the count on a text element?
Just add the ID #slider-single-value to your text and it should render there 🤞🤞

Change any of the colors with ease, just scroll to the bottom of the custom code and view the root system. You can also change settings like showing the tooltips, changing the limits etc.

View the guide on flowbase.co

Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙
Clone Project