@smartweb/vue-number-input

Vue component for numbers input.

• Accessible: uses ARIA agreements (100% accessibility in lighthouse)
• Use your keyboard to navigate and control
• Use your mousewheel or touchpad to increase or descrease value
• Flexible styling
• Support custom controls through slots

Live Demo

Download

Use npm

npm i @smartweb/vue-number-input

Or via cdn

<script src="https://unpkg.com/@smartweb/vue-number-input/build/vue-number-input.umd.min.js">script>

Configuration

Import and register in your component.vue file

import VueNumberInput from '@smartweb/vue-number-input';

export default {
	components: {
		VueNumberInput
	}
};

Use it in your template with v-model directive

<template>
	<div id="app">
		<VueNumberInput
			v-model="you_model"
			:min="0"
			:max="100"
		>VueNumberInput>
	div>
template>