pigment-picker
Pigment Picker is a versatile and customizable color picker React component package. It provides an intuitive and user-friendly interface for selecting colors and integrates seamlessly into your React applications. This package is useful if you're building a design tool, an image editor, or any application that requires color selection.
🚀 Features
-
Simple and Easy to Use: Pigment Picker offers simple components, making it effortless to integrate into your React application.
-
Responsiveness: Pigment Picker adapts to different screen sizes and orientations, providing a consistent user experience.
-
[
🛠 In Development] Customizable: Customize the appearance and behavior of the color picker to suit your application's needs. -
[
🛠 In Development] Supports Different Color Formats: Pigment Picker supports various color formats, including HEX, RGB, and HSL, providing flexibility for color representation. -
[
🛠 In Development] Color Palettes / Swatches: Easily add color swatches or predefined color palettes for quick color selection.
📦 Installation
You can install pigment-picker using npm:
npm install pigment-picker`🔨 Usage
import React, { useState } from 'react';
import { ColorPicker } from 'pigment-picker';
const App = () => {
const [color, setColor] = useState({red:255, green:255, blue:255});
return (<>
<ColorPicker selectHandler={setColor} />
<div id=""
style={{backgroundColor:`rgb(${color.red},${color.green},${color.blue})`,
width:"fit-content"}}
>🔎 color preview</div>
</>)
}