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={{ margin: '20px 20px 20px', textAlign: 'center' }}>
<ColorPicker animation="slide-up" color={'#36c'} onChange={changeHandler} />
</div>,
document.getElementById('__react-content')
);