{"repo":"dmitrymorozoff/react-circle-slider","free":true,"listed":false,"github":"https://github.com/dmitrymorozoff/react-circle-slider","clone":"git clone https://github.com/dmitrymorozoff/react-circle-slider.git","description":"🕹️ Circle Slider Component for React","language":"TypeScript","stars":56,"topics":["react-components","javascript","react","slider","react-component","ui","circle-slider","circular-slider"],"license":"MIT","category":"ui-components","readme_excerpt":"🕹️ react-circle-slider Circle Slider Component for React.js ⚡ Functionality - Simple to use - No extra dependencies - Highly customizable - Defining min and max values - Defining step size - Defining gradient color - Touch support - Tooltip support - Style based: no images / SVGs Examples - To check out live examples visit https://dmitrymorozoff.github.io/react-circle-slider/ 🚀 Getting started Install react-circle-slider using npm. npm install --save react-circle-slider You can also test the components locally by cloning this repo and doing the following steps: 🔲 NPM-scripts Install dependencies from package.json: npm install Runs the app in the development mode. Open http://localhost:1234 to view it in the browser. npm run dev Run linter npm run lint Start tests followed by jest npm run test Usage 📃 Props Props Type Default Description ----------------- :------- --------- -------------------------------------------------------------- size Number 180 size of the slider in px stepSize Number 1 value to be added or subtracted on each step the slider makes. knobRadius Number null knob radius in px circleWidth Number null width of circle in px progressWidth Number null progress curve width in px min Number 0 the minimum value of the slider max Number 100 the maximum value of the slider value Number 0 value circleColor String #e9eaee color of slider progressColor String #007aff color of progress curve gradientColorFrom String NOOP start gradient color of progress curve gradien","default_branch":null,"files":null,"tree":[],"storefront":"/r/dmitrymorozoff","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dmitrymorozoff/react-circle-slider/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}