Usage
<div id="colorPicker" ui-type="ColorPicker" ui-popup-view="true"></div>
<a id="colorButton" ui-type="ColorButton" ui-color-picker-id="colorPicker"></a>
const colorPicker = $UI.createComponent(componyx.UI.ColorPicker, {
id: 'colorPicker',
popupView: true,
containerElement: document.body
});
colorPicker.show();
const colorButton = $UI.createComponent(componyx.UI.ColorButton, {
id: 'colorButton',
colorPickerId: 'colorPicker',
containerElement: document.body
});
colorButton.show();
With popupView enabled, ColorPicker stays hidden until the
ColorButton opens it.