solid-color/dist/source/components/alpha/AlphaPointer.jsx

<p> <img width="100%" src="https://assets.solidjs.com/banner?type=solid-color&background=tiles&project=%20" alt="solid-color"> </p>

import { mergeProps } from 'solid-js';
export default function AlphaPointer(_props) {
    const props = mergeProps({}, _props);
    const styles = {
        picker: {
            width: '18px',
            height: '18px',
            'border-radius': '50%',
            transform: props.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}/>;
}