ColorPicker Edit

Accessible color picker.

Parts of the source code were derived and modified from react-color, released under the MIT license.

Usage

import { ColorPicker } from '@wordpress/components';
import { useState } from '@wordpress/element';

const MyColorPicker = () => {
    const [ color, setColor ] = useState( '#f00' );

    return (
        <ColorPicker
            color={ color }
            onChangeComplete={ ( value ) => setColor( value.hex ) }
            disableAlpha
        />
    );
};