ResizableBox是可重新调整大小的包使用预定义的类和样式。
大多数选项直接传递给可重新调整大小因此,您可能希望参考他们的文档。这个组件的主要区别在于handleClasses(处理类)
(使用自定义类名)并将一些空值传递给把手样式
(以取消设置某些内联样式)。
下面的示例显示了您可以如何使用可调整框大小
设置块内部的宽度和高度编辑
组件。
从“@wordpress/components”导入{ResizableBox};const编辑=(props)=>{常数{属性:{height,width},集合属性,切换选择,}=支柱;返回(<可调整框大小大小={{高度,宽度,} }minHeight=“50”最小宽度=“50”启用={{顶部:错误,右:正确,底部:正确,左:false,topRight:错误,底部右侧:正确,左下:false,topLeft:错误,} }onResizeStop={(事件、方向、elt、增量)=>{集合属性({高度:高度+增量高度,宽度:宽度+增量宽度,} );切换选择(true);} }onResizeStart={()=>{切换选择(false);} }/>);};
姓名 |
类型 |
违约 |
描述 |
showHandle(显示句柄) |
布尔 |
假 |
可以看到调整大小句柄的确定。 |
有关其他道具,请查看可重新调整大小.