Products

Basic color picker example

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

<input id="color-picker"/>

<script>
let color = jSuites.color(document.getElementById('color-picker'), {
    value: '#f3e5f5',
    closeOnChange: true,
});

openbtn.onclick = () => color.open()
setvaluebtn.onclick = () => color.setValue('#009688')
</script>

<input type='button' value="Open picker" id="openbtn">
<input type='button' value="Change color" id="setvaluebtn">

</html>