Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @miyaoka/vue-touch-range with all npm packages installed. Try it out:

var vueTouchRange = require("@miyaoka/vue-touch-range")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@miyaoka/vue-touch-range v1.0.1

Touch extension of input-range element

vue-touch-range

NPM version NPM downloads CircleCI

Touch extension of input-range element

Demo: https://miyaoka.github.io/vue-touch-range/

Install

npm i @miyaoka/vue-touch-range

Usage

in script

import TouchRange from '@miyaoka/vue-tuoch-range'

export default {
  components: {
    TouchRange
  }
}

in template

<TouchRange
  :min="min"
  :max="max"
  :step="step"
  :disabled="disabled"
  v-model="value"
/>
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free