双音拾音器

用法

从“react”导入{useState};从“@wordpress/components”导入{DuotonePicker、DuotoneWatch};const DUOTONE_PALETTE=[{颜色:[“#8c00b7”,“#fcff41”],名称:“紫色和黄色”,slug:“紫色-黄色”},{颜色:[“#000097”,“#ff4747”],名称:“蓝色和红色”,段塞:“蓝色和红色”},];常量COLOR_PALETTE=[{color:“#ff4747”,name:“Red”,slug:“Red”},{color:“#fcff41”,name:“Yellow”,slug:“Yellow”},{color:“#000097”,name:“Blue”,slug:“Blue”},{color:'#8c00b7',name:'紫色',slug:'紫色'},];常量示例=()=>{const[duotone,setDuotone]=useState(['#000000','#ffffff']);返回(<><双音拾音器duotonePalette={DUOTONE_PALETTE}colorPalette={COLOR_PALETTE}值={双色调}onChange={setDuotone}/><duotone监视值={duotone}/></>);};

双音拾音器道具

调色板

  • 类型:对象[]
  • 必需:是

表单的颜色预设数组{color:“#000000”,name:“Black”,slug:“Black”}.

双音音符

  • 类型:对象[]
  • 必需:是

表单的双音预设数组{颜色:[“#000000”,“#ffffff”],名称:“灰度”,slug:“灰度”}.

价值

  • 类型:字符串[]
  • 必需:是

双色调效果的颜色数组。

onChange(更改时)

  • 类型:功能
  • 必需:是

当双色调颜色发生变化时称为回调。

asButtons:布尔

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

  • 必需:否
  • 违约:

循环:布尔

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

  • 必需:否
  • 违约:真的

双音手表道具

  • 类型:字符串[]|空
  • 必需:否

要显示的颜色数组或无效的以显示占位符样例图标。