Input Spinner

Introduction

A Bootstrap 4 / jQuery plugin to create input spinner elements for number input, by shaack.com engineering.

How to Setup

HTML Structure

<input type="number" class="normal" value="50" min="0" max="100" step="10" />

Dependency

JS

<!-- Bootstrap Input spinner JavaScript -->
<script src="vendors/bootstrap-input-spinner/src/bootstrap-input-spinner.js"></script>
<script src="dist/js/inputspinner-data.js"></script>

Initialize Input Spinner JS

/* Inputspinner Init*/  
"use strict";
$("input.normal").inputSpinner({buttonsClass: "btn-outline-light"});
$("input.float").inputSpinner({buttonsClass: "btn-light"});
$("input.small").inputSpinner({groupClass: "input-group-sm w-50",buttonsClass: "btn-outline-light"});
$("input.large").inputSpinner({groupClass: "input-group-lg",buttonsClass: "btn-light"});