Özellikleri;

  • Small: Yalnızca 1,5 KB (küçültülmüş ve gzip ile sıkıştırılmış). Boyut Sınırı boyutu kontrol eder.
  • Tree-shakeable: Yalnızca kullandığınız parçalar uygulamanızın paketine aktarılır.
  • Fast: Yalnızca kancalar ve işlevsel bileşenlerle oluşturulmuştur.
  • Bulletproof: Sıkı TypeScript ile yazılmıştır ve 30'dan fazla test kapsamındadır.
  • Simple: Arayüz basittir ve kullanımı kolaydır.
  • Mobile-friendly: Mobil cihazlarda ve dokunmatik ekranlarda iyi çalışır.
  • No dependencies : Open Source

Yüklemek İçin : 

npm install react-colorful --save

Kullanımı : 

import { HexColorPicker } from "react-colorful";
import "react-colorful/dist/index.css";

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

Desteklenen renk modelleri : 

Uygulamanızın giriş / çıkış biçimi olarak bir HEX dizesine ihtiyacı olmadığı sürece, farklı renk modelleri için 12 ek renk seçici bileşeni sağlar.

GitHub : https://github.com/omgovich/react-colorful.git