Adding a simple color picker to your web app

This tutorial shows you how to use the iro.js color picker in a react application. This color picker is very lightweight and doesn’t have any dependencies. Here’s how it’ll look like.

Check out the demo here

Implementation

To make this color picker we’ll just wrap the iro.js color picker in a react component.

NPM package

If you’d like, I’ve already made an npm package of this component. You can also checkout the repo here which includes an example on how to use the package.