25 lines
464 B
Vue
25 lines
464 B
Vue
<template>
|
|
<label
|
|
class="pure-material-slider"
|
|
>
|
|
<input
|
|
:id="id"
|
|
type="range"
|
|
:min="minValue"
|
|
:max="maxValue"
|
|
:step="step"
|
|
v-model.number="currentValue"
|
|
@change="$emit('change', $event.target.value)"
|
|
>
|
|
<span>
|
|
{{ label }} -
|
|
<span>
|
|
{{ displayLabel }}
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</template>
|
|
|
|
<script src="./ft-slider.js" />
|
|
<style scoped src="./ft-slider.css" />
|