xl-numberinput

A VueJS number-input component with min/max functionality.

Installation

npm i xl-numberinput

Module

import InputNumber from 'xl-numberinput';

Usage

Once installed, it can be used in a template:

<input-number v-model="mydata.amount" label="Amount" min="2" max="10"></input-number>

import InputNumber from 'xl-numberinput';

export default {
  components: {
    'InputNumber': InputNumber
  },
  data() {
    return {
      mydata: {
        amount: ''
      }
    }
  }
}