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

In…


This content originally appeared on DEV Community and was authored by Wondermarin

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

yarn 

yarn add react-color-palette

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 />;
};


This content originally appeared on DEV Community and was authored by Wondermarin


Print Share Comment Cite Upload Translate Updates
APA

Wondermarin | Sciencx (2021-08-18T20:29:56+00:00) react-color-palette: <ColorPicker /> component for your React project.. Retrieved from https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/

MLA
" » react-color-palette: <ColorPicker /> component for your React project.." Wondermarin | Sciencx - Wednesday August 18, 2021, https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/
HARVARD
Wondermarin | Sciencx Wednesday August 18, 2021 » react-color-palette: <ColorPicker /> component for your React project.., viewed ,<https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/>
VANCOUVER
Wondermarin | Sciencx - » react-color-palette: <ColorPicker /> component for your React project.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/
CHICAGO
" » react-color-palette: <ColorPicker /> component for your React project.." Wondermarin | Sciencx - Accessed . https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/
IEEE
" » react-color-palette: <ColorPicker /> component for your React project.." Wondermarin | Sciencx [Online]. Available: https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/. [Accessed: ]
rf:citation
» react-color-palette: <ColorPicker /> component for your React project. | Wondermarin | Sciencx | https://www.scien.cx/2021/08/18/react-color-palette-colorpicker-component-for-your-react-project/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts