@evercoder/react-circular-slider-bar v1.3.5

React Circular Slider Bar

Enjoy a circular slider bar component for React with no unnecessary dependencies

Key Features:

• Simple to use
• Highly customizable
• No extra dependencies
• Style based: no images / SVGs

Check the demo!

Getting started

install

npm install --save-dev react-circular-slider-bar

usage example

import React from 'react';
import CircularSlider from 'react-circular-slider-bar';

const myApp = () => (
  <div>
    ...my awesome stuff...
    <CircularSlider
      r={50}
      trackWidth={10}
      thumbWidth={10}
      onChange={value => console.log(value)}
    />
  </div>
);

export default myApp;

controlled component

<CircularSlider
  value={this.state.value}
  onChange={value => this.setState({ value })}
/>

Props