CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →


Progress value is 30%


Slider element for choosing numbers between a min and a max value.

Copy: View demo


All components are built upon the CodyHouse Framework.

This component includes variations. All variations share the same SCSS/JS code. They only differ in the HTML part.

How To

The Slider component can be used to select and display a value in a specified interval. It uses the native <input type="range"> element.

To change the range of possible values, you can modify the min and the max attributes of the range input element; you can also define a step using the step attribute.

If you need a slider with multi-value selection (minimum and maximum value), please use the Multi-Value Slider component.


  • ✅ Component created
    🗓 June 12, 2019

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us