尺寸控制

尺寸控制是一个组件，旨在提供一个UI来控制间距和/或尺寸。

用法

从“react”导入｛useState｝；从“@wordpress/components”导入{__terialDimensionControl作为DimensionControl}；导出默认函数MyCustomDimensionControl（）{const[paddingSize，setPaddingSize]=使用状态（“”）；返回(<尺寸控制__next无边距底部label={“填充”}icon={“桌面”}onChange={（值）=>setPaddingSize（值）}value={paddingSize}/>);}

注：默认情况下，如果不提供首字母价值属性，则不会选择任何值（即：没有默认维度集）。

道具

标签

• 类型： 一串
• 必修的：是的

控件的可读标签。

价值

• 类型： 一串
• 必修的：不

维度UI控件的当前值。如果为UI提供了自动选择值。

尺寸

• 类型： {name:string；slug:string}[]
• 违约：请参见包/块编辑器/src/components/dimension-control/sizes.ts
• 必修的：不

大小对象的可选数组，形状如下：

[{名称：__（'小'），slug:'小'，},{name:__（'中等'），slug:'小'，},// ...等]

默认情况下是一组相对大小(小的,中等的…等）。请参见包/块编辑器/src/components/dimension-control/sizes.js.

偶像

• 类型： 一串
• 必修的：不

在控件标签之前显示的可选dashicon。

onChange（更改时）

• 类型： （value？：string）=>void；
• 必修的：不
• 论据：:
  • 大小–表示所选大小的字符串（例如：中等的)

当间距大小值更改（被选中/单击）时触发的回调。

类名

• 类型： 一串
• 违约： ''
• 必修的：不

要添加到控件组件的一个类字符串。

__next40px默认大小

• 类型： 布尔值
• 必修的：不
• 违约： 假

开始选择更大的默认高度，这将成为未来版本的默认大小。

__next无边距底部

• 类型： 布尔值
• 必修的：不
• 违约： 假

开始选择新的无边距样式，这将成为未来版本的默认样式。