Vue Minus Plus Input

An input spinner component that enables the user to change the input value with Minus and Plus buttons.

How to use it:

1. Import the Minus Plus Input component.

<script src="/path/to/cdn/vue.js"></script>
<script src="/path/to/dist/js/v-minusplusfield.js"></script>
<link href="/path/to/dist/css/v-minusplusfield.css" rel="stylesheet" />

2. Insert the <v-minusplusfield /> component into your app and specify the current/min/max values as follows:

<v-minusplusfield 
  :value="50" 
  :min="0" 
  :max="100">
</v-minusplusfield>

Preview:

Download Details:

Author: alinoaimi

Live Demo: https://alinoaimi.github.io/v-minusplusinput/example.html

Download Link: https://github.com/alinoaimi/v-minusplusinput/archive/master.zip

Official Website: https://github.com/alinoaimi/v-minusplusinput

Install & Download: