调色板

调色板允许用户从预定义的颜色条目的列表中选择颜色。

用法

从'react'导入{useState}；从“@wordpress/components”导入{ColorPalette}；const MyColorPalette=（）=>{const[color，setColor]=useState（'#f00'）常量颜色=[{名称：“红色”，颜色：“#f00”}，{名称：“白色”，颜色：“#fff”}，{名称：“蓝色”，颜色：“#00f”}，];返回(<调色板colors={colors}值=｛color｝onChange={（颜色）=>setColor（颜色）}/>);} );

如果在编辑器外使用此组件，则可以
确保工具提示定位
对于调色板的色样，通过渲染调色板用一个
波波弗。狭槽在元素树的上一级
插槽填充提供程序总体而言。

道具

组件接受以下属性。

可清除：布尔

调色板是否应具有清除按钮。

• 必需：否
• 违约：真实的

颜色：PaletteObject[]| ColorObject[]

用要显示的颜色数组。显示要从中选择的多个调色板时，阵列的格式将从颜色对象数组更改为调色板数组。

• 必需：否
• 违约：[]

disableCustomColors:布尔值

是否允许用户在预定义的
选项（通过颜色道具）。

• 必需：否
• 违约：假

enableAlpha:布尔

这控制在选择自定义时是否提供alpha通道
颜色。

• 必需：否
• 违约：假

标题级别：1|2|3|4|5|6|'1'|'2'|'3'|'4'|'5'|'6'

标题级别。

• 必需：否
• 违约：2

值：字符串

当前活动值。

• 必需：否

onChange：OnColorChange

选择颜色时调用回调。

• 必需：是

asButtons:布尔值

控件是否应显示为一组按钮，每个按钮都有自己的制表位。

• 必需：否
• 违约：假

循环：布尔

防止键盘交互环绕。仅在以下情况下使用as按钮不是真的。

• 必需：否
• 违约：真实的