logologo-dark
logologo-dark

Number Spinner

Examples and usage guidelines for number spinner with basic number type input.

Number Spinner

With number spinner input you can use min, max, step same as input[type="number"].

Code Example
<div class="form-group">    <label class="form-label">Number Spinner Basic</label>    <div class="form-control-wrap number-spinner-wrap">        <button class="btn btn-icon btn-outline-light number-spinner-btn number-minus" data-number="minus"><em class="icon ni ni-minus"></em></button>        <input type="number" class="form-control number-spinner" value="0">        <button class="btn btn-icon btn-outline-light number-spinner-btn number-plus" data-number="plus"><em class="icon ni ni-plus"></em></button>    </div></div> 
Switch Demo Layout
Use Case Concept
Preview Settings
Direction Change
LTR Mode
RTL Mode
Main UI Style
Default
Clean
Softy
Header Style
White
Light
Dark
Theme
Header Option
Regular
Fixed
Primary Skin
Default
Blue
Blue Light
Purple
Green
Red
Skin Mode
Light Skin
Dark Skin
Looking for functional script for Investment Platform? Check out
Investorm
Looking for Advanced
Investment Platform?