Skip to content

filonik/vue3-number-spinner

Repository files navigation

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>

About

Vue 3 UI component: a number input field that can be controlled with mouse and keyboard

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published