shapla-input-slider v1.0.0

shapla-input-slider

A simple component for input slider for Vue.js

Table of contents

• Installation
• Usage

Installation

npm install --save shapla-input-slider

Usage

Add the component:

import inputSlider from 'shapla-input-slider';

export default {
  name: 'Hello',
	data(){
		return {
			number: 10,
		}
	},
	components: {
    	inputSlider
	},
}

<input-slider v-model="number" :default="20"></input-slider>

Props for columns

Listeners

The input slider component fires the following events:

input: When value is changed, it fires the event.

<!-- template -->
<input-slider :value="20" :default="10" @input="handleInput"></input-slider>


<!-- method -->
methods: {
  handleInput(newValue){
    // Handle input event
  }
}