Number Input

Number input field with custom increment buttons.

Copy: View demo

Dependencies

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

Bug Report & Feedback

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

💌 Join our newsletter

Be the first to know when we ship something cool!