365support / react-color-spin-wheel

컬러 휠 라이브러리 제작

React-color-spin-wheel

Installation

$ npm install --save react-color-spin-wheel
$ yarn add react-color-spin-wheel

The gist

function Wheel() {
  const wheelColors = ["MistyRose", "Wheat", "lightblue", "Khaki", "Lavender"];

  const [selectedColor, setSelectedColor] = useState("");

  return (
    <SpinWheel
      colors={wheelColors}
      lineWeight={4}
      onColorSelect={(color) => {
        setSelectedColor(color);
      }}
      initialRotationDegree={0}
      extractionDegrees={0}
      size={300}
    />
  );
}

Documentation

Check the documentation to get you started!

License

Licensed under MIT