🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Number Input

Number input field with custom increment buttons.

Copy: View demo


All components are based on CodyFrame.

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

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).

✅ Project duplicated

✅ Project created

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