调整大小工具提示

当元素的宽度或高度发生更改时,ResizeTooltip会显示元素的尺寸。

用法

常量示例=()=>{返回(<div style={{position:“相对”}}><调整工具提示大小/>...</div>);};

确保父元素包含<调整工具提示/>位置定义了样式属性。这一点很重要,因为<调整工具提示大小/>使用位置基于技术来确定大小变化。

位置

<调整工具提示大小/>有三个位置;

  • 底部(默认)

底部

这个底部position(默认)在(父)元素的底部中心呈现尺寸标签。

这个position在(父)元素的右上角呈现维度标签。

道具

将标签限制为与轴对应的渲染。默认情况下,标签将基于x个变化。

  • 类型:字符串
  • 必需:否
  • 数值:x个|

淡出超时

持续时间(in毫秒)在调整大小事件后标签消失之前。

  • 类型:编号
  • 必需:否
  • 违约:180

可见

确定标签是否可以呈现。

  • 类型:布尔值
  • 必需:否
  • 违约:真实的

标签参考

回调裁判用于label元素。

  • 类型:功能
  • 必需:否

移动时

当(观察到的)元素调整大小时的回调函数,特别是使用移动鼠标基于事件。

  • 类型:功能
  • 必需:否

onResize(调整大小)

当(观察到的)元素调整大小时的回调函数。

  • 类型:功能
  • 必需:否

位置

标签的位置。

  • 类型:字符串
  • 必需:否
  • 违约:
  • 数值:底部|

显示Px

渲染a军中福利社标签中宽度或高度值后的单位后缀。

  • 类型:布尔值
  • 必需:否
  • 违约:真实的

z索引

这个z指数标签的样式属性。

  • 类型:编号
  • 必需:否
  • 违约:1000