1.0.6 • Published 5 years ago

circular-slider-react v1.0.6

Weekly downloads
3
License
ISC
Repository
github
Last release
5 years ago

React Circular Slider Component

Installation

npm install --save circular-slider-react

How To Use

First import this component where you want to use it

import ReactCircularSlider from "circular-slider-react"

Then just renders it

<ReactCircularSlider />

Props

PropDescriptionDefault value
circleColorSets background colorblack
knobColorSets knob colorblue
radiusSets circle radius100
halfCircleSets if circle is half or notfalse
minSets min value0
maxSets max value100
stepSizeSets step size1
valueSets initial value0
onChangecallback function on value changenull

Example

import React, { Component } from "react";
import ReactCircularSlider from "circular-slider-react";

class App extends Component {
  render() {
    return (
        <ReactCircularSlider size={500} circleColor="black" value={10} stepSize={2} />
    );
  }
}

export default App;