AlignmentMatrixControl

使用法

import { useState } from 'react';
import { AlignmentMatrixControl } from '@wordpress/components';
const Example = () => {
   const [ alignment, setAlignment ] = useState( 'center center' );
   return (
   <AlignmentMatrixControl
   value={ alignment }
   onChange={ ( newAlignment ) => setAlignment( newAlignment ) }
   />
   );
};

プロパティ

コンポーネントは以下のプロパティを受け入れます:

className

基盤となる grid ウィジェットのクラスに追加されるクラス。

– タイプ: string

– 必須: いいえ

id

コンポーネントのユニークID。

• タイプ: string
• 必須: いいえ
  

label

アクセシブルラベル。提供される場合、基盤となる grid ウィジェットの aria-label 属性を設定します。

• タイプ: string
• 必須: いいえ
• デフォルト: Alignment Matrix Control
  

defaultValue

提供される場合、デフォルトのアラインメント値を設定します。

• タイプ: AlignmentMatrixControlValue
• 必須: いいえ
• デフォルト: center center
  

value

現在のアラインメント値。

• タイプ: AlignmentMatrixControlValue
• 必須: いいえ
  

onChange

更新されたアラインメント値を受け取る関数。

• タイプ: ( newValue: AlignmentMatrixControlValue ) => void
• 必須: いいえ
  

width

提供される場合、コントロールの幅を設定します。

• タイプ: number
• 必須: いいえ
• デフォルト: 92