Number Input Component For Vue.js

Number Input Component For Vue.js

A pretty simple and cross-browser number input spinner component for Vue.js.

vue-number-input

Build Status Coverage Status Downloads Version

Number input component for Vue.js.

Main

dist/
├── vue-number-input.js        (UMD)
├── vue-number-input.min.js    (UMD, compressed)
├── vue-number-input.common.js (CommonJS, default)
└── vue-number-input.esm.js    (ES Module)

Getting started

Installation

npm install vue @chenfengyuan/vue-number-input

In browser:

<script src="/path/to/vue.js"></script><!-- Vue.js is required -->
<script src="/path/to/vue-number-input.js"></script><!-- Register automatically once loaded -->

Usage

import Vue from 'vue';
import VueNumberInput from '@chenfengyuan/vue-number-input';

Vue.use(VueNumberInput);
// Or
Vue.component(VueNumberInput.name, VueNumberInput);
// Or
Vue.component('vue-number-input', VueNumberInput);
<number-input controls></number-input>

Browser support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Opera (latest)
  • Edge (latest)
  • Internet Explorer 9+

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT © Chen Fengyuan

Github Repository

Tags: #Vue.js