Basic color picker example




<html>
<script src="https://bossanova.uk/jsuites/v3/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jsuites/v3/jsuites.css" type="text/css" />

<div id="colorpicker"></div>

<script>
var colorPicker = jSuites.color(document.getElementById('colorpicker'), {
    value: '#f3e5f5',
    closeOnChange: true,
});
</script>

<input type='button' value="Open picker" onclick="colorPicker.open()">
<input type='button' value="Change color" onclick="colorPicker.setValue('#009688')">

</html>