Sharing is caring!

Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

React Color

  • 13 Different Pickers – Sketch, Photoshop, Chrome and many more
  • Make Your Own – Use the building block components to make your own



Live Demo

Installation & Usage

npm install react<span class="token operator">-</span>color <span class="token operator">--</span>save

Include the Component

<span class="token keyword">import</span> React <span class="token keyword">from</span> <span class="token string">'react'</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> SketchPicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'react-color'</span>

<span class="token keyword">class</span> <span class="token class-name">Component</span> <span class="token keyword">extends</span> <span class="token class-name">React<span class="token punctuation">.</span>Component</span> <span class="token punctuation">{</span>

  <span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> 
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>

Subscribe to the Newsletter

Get our latest news,tutorials,guides,tips & deals delivered to your inbox.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.