Opens a color picker panel in the editor, prompting the user to select a color. This function is intended for use in the settings panel of a site widget or plugin implemented with a custom element.
function selectColor(value: string, options: { onChange: (value: string) => void }): Promise<string>| Name | Type | Description |
|---|---|---|
value | string | Optional. Value of the associated color CSS property. |
options | SelectColorOptions | Optional. Options to use when opening the color picker panel. |
{
onChange: (value: string) => void
}| Name | Type | Description |
|---|---|---|
onChange | Function | Optional. Callback function invoked when the color selection changes. It receives the updated color value as a parameter. |
Promise<string>
The color selected by the user.
import { editor, inputs } from "@wix/editor";
import { createClient } from "@wix/sdk";
const client = createClient({
host: editor.host(),
modules: { inputs },
});
async function selectColor(color) {
const response = await client.inputs.selectColor(color, {
onChange: (value) => {
console.log("New color: ", value);
},
});
}