JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://automattic.github.io/Iris/javascripts/iris.min.js"></script>
<input type="text" id="color-picker" value="#bada55" />
<br><br><br>
<button>Change The Color Picker To Red</button>
<button>Change The Color Picker To Red</button>

JavaScript

jQuery(document).ready(function($){
    $('#color-picker').iris({
        hide: false,
        palettes: true
    });
});

$( "button" ).click(function() {
      $('#color-picker').iris('color', '#f33939');
});