JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/[email protected]"></script>
<div id="app">
<circle-slider
v-model="val5"
:circleWidthRel="30"
:progressWidthRel="15"
:knobRadiusRel="8"
></circle-slider>
<div>{{ val5 }}</div>
</div>JavaScript
var app = new Vue({
el: '#app',
components: {
circleslider: VueCircleSlider.VueCircleSlider
},
data: {
val5: 50
}
})