react-color
Version:
A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
28 lines (24 loc) • 682 B
JavaScript
import React from 'react';
import reactCSS from 'reactcss';
export var SliderPointer = function SliderPointer(_ref) {
var direction = _ref.direction;
var styles = reactCSS({
'default': {
picker: {
width: '18px',
height: '18px',
borderRadius: '50%',
transform: 'translate(-9px, -1px)',
backgroundColor: 'rgb(248, 248, 248)',
boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)'
}
},
'vertical': {
picker: {
transform: 'translate(-3px, -9px)'
}
}
}, { vertical: direction === 'vertical' });
return React.createElement('div', { style: styles.picker });
};
export default SliderPointer;