ColorPicker

使用法

import { useState } from 'react';
import { ColorPicker } from '@wordpress/components';
function Example() {
   const [color, setColor] = useState();
   return (
   <ColorPicker
   color={color}
   onChange={setColor}
   enableAlpha
   defaultValue="#000"
   />
   );
}

プロパティ

color: string

ピッカーに表示する現在の色の値。16進数またはhex8文字列である必要があります。

• 必須: いいえ
  

onChange: (hex8Color: string) => void

色が変更されたときに発火します。常に16進数またはhex8色文字列を渡します。

• 必須: いいえ
  

enableAlpha: boolean

true の場合、カラーピッカーは下部の入力とカラーピッカー自体の両方にアルファチャンネルを表示します。

• 必須: いいえ
• デフォルト: false
  

defaultValue: string | undefined

カラーピッカーに使用するオプションのデフォルト値。

• 必須: いいえ
• デフォルト: '#fff'
  

copyFormat: ‘hex’ | ‘hsl’ | ‘rgb’ | undefined

表示された色の形式をクリックしたときにコピーする形式。

• 必須: いいえ