JSFiddle - React, Tailwind, and code Playground

by unloco

HTML

<script src="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/nano.min.css">
<button id=picker>
  Picker
</button>

JavaScript

const btn = document.getElementById('picker');
Pickr.create({
	el: btn,
  theme: 'nano',
  
  components: {
    preview    : true,
    hue        : true,
    interaction: {
      hex  : true,
      input: true,
    }
  },
})