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


Progress value is 30%

Number Input

Number input field with custom increment buttons.

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 Number Input component allows you to choose a number in a specific range. It uses the native <input type="number"> element.

When JavaScript is enabled, two custom increment buttons are added; those buttons can be used to increment/decrement the value of the input.

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


  • ✅ Component created
    🗓 May 29, 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