Allowing alpha in wp-color-picker fields

Hallo @gerardreches,

you can use the WP Component in React by adding this attribute enableAlpha to true
See here: https://developer.wordpress.org/block-editor/reference-guides/components/color-picker/

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

function Example() {
    const [color, setColor] = useState();
    return (
        <ColorPicker
            color={color}
            onChange={setColor}
            enableAlpha={true}
        />
    );
}

If you don’t use Gutenberg, than look this extension:
https://github.com/kallookoo/wp-color-picker-alpha

Hallo @gerardreches,

this is a script what you can enqueue inside the WP Admin. You can add this Code inside your Plugin PHP and than you have to add the script in your js folder and reference to the file. Replace this: $url_to_script https://github.com/kallookoo/wp-color-picker-alpha

Here is one example:

wp_enqueue_style( 'wp-color-picker' );
wp_register_script( 'wp-color-picker-alpha', $url_to_script, array( 'wp-color-picker' ), $current_version, $in_footer );
wp_add_inline_script(
	'wp-color-picker-alpha',
	'jQuery( function() { jQuery( ".color-picker" ).wpColorPicker(); } );'
);
wp_enqueue_script( 'wp-color-picker-alpha' );