Number Spinner - General | DashLite Admin Template

Components

## 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"]`.

Number Spinner Basic
Number Spinner Step (10)
Number Spinner Min Max (15 - 80)
Number Spinner with Primary Button

###### 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>

##### Select Your Country

- Argentina
- Australia
- Bangladesh
- Canada (English)
- Centrafricaine
- China
- France
- Germany
- Iran
- Italy
- México
- Philippines
- Portugal
- South Africa
- Spain
- Switzerland
- United Kingdom
- United State