vue3-number-spinner

Vue 3 UI component: a number input field that can be controlled with mouse and keyboard
36,065 2
Install
npm install vue3-number-spinner
Latest Version:0.0.9
Vue:3
License:MIT
Last Updated:Nov 29, 2021
Links: GitHub  ·  npm
Maintainer: filonik

vue3-number-spinner

This is a direct port of svelte-number-spinner from Svelte to Vue 3.

Demo

Number spinner demo

Installation

npm install vue3-number-spinner

Usage

<template>
  <number-spinner v-model="value" :min="0" :max="100" />
</template>

<script>
import { ref } from 'vue'

import { NumberSpinner } from 'vue3-number-spinner'

export default {
  name: 'App',
  components: {
    NumberSpinner,
  },
  setup() {
    const value = ref(50)

    return { value }
  },
}
</script>

Version History

Version Released License
0.0.9 MIT
0.0.8 MIT
0.0.6 MIT
0.0.5 MIT
0.0.4 MIT