<template>
  <div class="q-pa-xs" style="width: 180px">
    <q-badge color="primary"> {{ label }} {{ modelValue }} </q-badge>

    <q-input
      dense
      v-model="sliderValue"
      filled
    >
    </q-input>

    <q-slider v-model="sliderValue" :min="min" :max="max" :color="color" />

  </div>
</template>

<script lang="ts" src="./CMySlider.ts">
</script>

<style lang="scss" scoped>
@import './CMySlider.scss';
</style>
