Ö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