react-color-palette

react-color-palette

Color picker for React

Demo

Installation

npm

npm install react-color-palette styled-components

yarn

yarn add react-color-palette styled-components

Usage

import React from "react";
import ColorPicker, { useColorObject } from "react-color-palette";

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

  return <ColorPicker width={400} color={color} onChange={setColor} />;
};

API

ColorPicker

Prop	Type	Description
width	number	The width of the color picker.
[height]	number	The height of the color picker.
color	ColorObject	Color in the ColorObject.
onChange	(color: ColorObject) => void	The function that accepts the updated ColorObject as a single argument.

useColorObject(model, initialColor)

Param	Type	Description
model	ColorModels	Color model.
initialColor	ColorObject[model]	The initial color in the selected color model.

License

Code released under the MIT license.