How to use vanilla-picker - 4 common examples
To help you get started, we’ve selected a few vanilla-picker examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
formio / formio.js / src / contrib / sketchpad / sketchpad.js View on Github 
attach: (element) => {
const picker = new Picker(element);
picker.setColor(this.state.fill, true);
picker.onChange = (color) => {
this.state.fill = color.rgbaString;
element.style.color = color.rgbaString;
};
return element;
}
},export default function DomainStoryContextPadProvider(injector, connect, translate, elementFactory, create, canvas, contextPad, popupMenu, replaceMenuProvider, commandStack, eventBus, modeling) {
const picker = new Picker(document.getElementById('pickerAnchor'));
const pickerOptions = {
color: 'black',
popup: 'bottom'
};
let selectedID;
let startConnect;
picker.setOptions(pickerOptions);
picker.onDone = function(color) {
if (selectedID.includes('shape')) {
const allGroups = getAllGroups();
const allCanvasObjects = getAllCanvasObjects();
const isDone=pickerFunction(allCanvasObjects, color);
if (!isDone) {attach: (element) => {
const picker = new Picker(element);
picker.setColor(this.state.fill, true);
picker.onChange = (color) => {
this.state.fill = color.rgbaString;
element.style.color = color.rgbaString;
};
return element;
}
},vanilla-picker
A simple, easy to use vanilla JS color picker with alpha selection.
