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.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Basith Kunimal

Web Developer. Biker. Armchair Historian. German language student.