可调整框大小

在本文中

ResizableBox是可重新调整大小的包使用预定义的类和样式。

用法

大多数选项直接传递给可重新调整大小因此,您可能希望参考他们的文档。这个组件的主要区别在于handleClasses(处理类)(使用自定义类名)并将一些空值传递给把手样式(以取消设置某些内联样式)。

下面的示例显示了您可以如何使用可调整框大小设置块内部的宽度和高度编辑组件。

从“@wordpress/components”导入{ResizableBox};const编辑=(props)=>{常数{属性:{height,width},集合属性,切换选择,}=支柱;返回(<可调整框大小大小={{高度,宽度,} }minHeight=“50”最小宽度=“50”启用={{顶部:错误,右:正确,底部:正确,左:false,topRight:错误,底部右侧:正确,左下:false,topLeft:错误,} }onResizeStop={(事件、方向、elt、增量)=>{集合属性({高度:高度+增量高度,宽度:宽度+增量宽度,} );切换选择(true);} }onResizeStart={()=>{切换选择(false);} }/>);};

道具

姓名 类型 违约 描述
showHandle(显示句柄) 布尔 可以看到调整大小句柄的确定。

有关其他道具,请查看可重新调整大小.