color-picker ui component for vector
import 'vector-color-picker/assets/index.css';
import React from 'react';
import ReactDOM from 'react-dom';
import ColorPicker from 'vector-color-picker';
function changeHandler(colors) {
console.log(colors);
}
ReactDOM.render(
<div style={{ textAlign: 'center' }}>
<ColorPicker color={'#36c'} onChange={changeHandler}>
<span className="react-custom-trigger">choose color</span>
</ColorPicker>
</div>,
document.getElementById('__react-content')
);