solid-color
Version:
<p> <img width="100%" src="https://assets.solidjs.com/banner?type=solid-color&background=tiles&project=%20" alt="solid-color"> </p>
14 lines (13 loc) • 462 B
JSX
export default function SliderPointer({ direction }) {
const styles = {
picker: {
width: '18px',
height: '18px',
'border-radius': '50%',
transform: direction === 'vertical' ? 'translate(-3px, -9px)' : 'translate(-9px, -1px)',
'background-color': 'rgb(248, 248, 248)',
'box-shadow': '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
},
};
return <div style={styles.picker}/>;
}