개발/React

[React][라이브러리 소개] Color Picker : react-colorful

ENFP Jake 2022. 11. 10. 17:42
728x90
반응형

# react-colorful 라이브러리 소개

 

 

# 사용방법

- 라이브러리를 설치합니다
npm install react-colorful
- 아래의 예제처럼 사용하시면 됩니다
import { HexColorPicker } from "react-colorful";

const YourComponent = () => {
  const [color, setColor] = useState("#aabbcc");
  return <HexColorPicker color={color} onChange={setColor} />;
};

 

- 아래와 같이 여러 형태의 Color Picker로 변경해서 사용도 가능합니다.

 

#  데모 페이지

https://omgovich.github.io/react-colorful/

 

react-colorful

 

omgovich.github.io


 

728x90
반응형