1. خانه
2. مقاله
3. معرفی کامپوننت Vue Circle Slider

معرفی کامپوننت Vue Circle Slider

Vue Circle Slider

یک کامپوننت فوق العاده از VueJS که می توانید در رنگها، اندازه ها و... در طراحی سایت استفاده کرد و از دستگاهای لمسی نیز پشتیبانی می کند.

دمو

نحوه استفاده

نصب کامپوننت با yarn به شکل زیر می باشد:

yarn add vue-circle-slider

 

نحوه ایمپورت کردن به شکل زیر می باشد.

import Vue from 'vue'
import VueCircleSlider from 'vue-circle-slider'

Vue.use(VueCircleSlider)

 

نحوه استفاده در پروژه به شکل زیر می باشد:

</circle-slider>
<div>{{ sliderValue }}</div>