DEV Community

Cover image for react-color-palette: <ColorPicker /> component for your React project.
Wondermarin
Wondermarin

Posted on

react-color-palette: <ColorPicker /> component for your React project.

Hello everyone!

I would like to introduce you to my <ColorPicker /> component.
I will be glad of any feedback, have a nice day!

GitHub Repo
Online Demo


Features:

  • 🚀 Lightweight
  • 💨 No dependencies
  • 🛡️ Strict

Installation

npm

npm install react-color-palette
Enter fullscreen mode Exit fullscreen mode

yarn

yarn add react-color-palette
Enter fullscreen mode Exit fullscreen mode

Usage

import { ColorPicker, useColor } from "react-color-palette";
import "react-color-palette/lib/css/styles.css";

export const App = () => {
  const [color, setColor] = useColor("hex", "#121212");

  return <ColorPicker width={456} height={228} color={color} onChange={setColor} hideHSV dark />;
};
Enter fullscreen mode Exit fullscreen mode

Top comments (0)