ResizeTooltip

使用法

const Example = () => {
   return (
   <div style={ { position: 'relative' } }>
   <ResizeTooltip />
   ...
   </div>
   );
};

<ResizeTooltip />を含む親要素には、positionスタイルプロパティが定義されていることを確認してください。これは、<ResizeTooltip />がpositionに基づく技術を使用してサイズの変化を判断するため、重要です。

位置

<ResizeTooltip />には3つの位置があります;

• bottom (デフォルト)
• corner

下部

#### コーナー
`````corner`````位置は、（親）要素の右上隅に寸法ラベルを表示します。  
 <a name="props"></a>
## プロパティ
<a name="axis"></a>
### 軸
ラベルを軸に対応して表示することを制限します。デフォルトでは、ラベルは`````x`````と`````y`````の変化に基づいて自動的に表示されます。  
- タイプ: `````String

• 必須: いいえ
• 値: x | y
  

フェードタイムアウト

リサイズイベント後にラベルが消えるまでの期間（ms）。

• タイプ: Number
• 必須: いいえ
• デフォルト: 180
  

表示状態

ラベルが表示できるかどうかを決定します。

• タイプ: Boolean
• 必須: いいえ
• デフォルト: true
  

ラベル参照

ラベル要素のコールバック Ref。

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

移動時

（観察された）要素がリサイズされるときのコールバック関数、特にmousemoveに基づくイベントで。

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

リサイズ時

（観察された）要素がリサイズされるときのコールバック関数。

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

位置

ラベルの位置。

• タイプ: String
• 必須: いいえ
• デフォルト: corner
• 値: bottom | corner
  

showPx

ラベルの幅または高さの値の後にPX単位の接尾辞を表示します。

• タイプ: Boolean
• 必須: いいえ
• デフォルト: true
  

zIndex

ラベルのz-indexスタイルプロパティ。

• タイプ: Number
• 必須: いいえ
• デフォルト: 1000