Number Spinner

Simple html number spinner

In HTML5, you can have a number input field as a spinner which you have up and down arrow at the right of the textbox to increase or decrease the number value. Please see the styled spinner component as below,

Install

$ npm install html-number-spinner --save

Demo

Click Here to see the demo

Usage

Step 1:

<div class="counter"></div>

Step 2:

$('.counter').htmlNumberSpinner()

You can get the spinner value like this

$('.counter').getSpinnerValue()

Props

| Property | Value | | ------------- | ------------- | | min | number | | max | number | | step | number |

Examples

Example 1: <div class="counter"></div>

Example 2: <div class="counter" min="5" max="5" step="0.5"></div>

Note:

Please include the jquery in your html

npm i jquery

or 

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>