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
![](https://t1.daumcdn.net/keditor/emoticon/friends1/large/017.gif)
728x90
반응형
'개발 > React' 카테고리의 다른 글
[React][라이브러리] 레이아웃 변경에 대한 이벤트를 받는 방법 (0) | 2022.11.17 |
---|---|
[React][라이브러리] 화면에 핸드폰 이미지를 추가하는 방법 (0) | 2022.11.17 |
[React][라이브러리] react-realtime-drawing (0) | 2022.11.10 |
[개발][React][한 줄 팁] 새 브라우저 창에서 외부 사이트 열기 (0) | 2022.05.25 |
[React][유용한 라이브러리] react-use-measure (0) | 2022.04.17 |