此功能仍处于实验阶段。“Experimental”表示这是早期实现，可能会发生剧烈且破坏性的更改。
Spacer 是一个基础布局组件，用于在组件之间提供内部（padding）或外部（margin）间距。它也可用于在 HStack 或 VStack 内自适应地提供间距。
用法
Spacer 提供了一系列简写属性以调整 margin 和 padding。这些属性的值作为库网格系统（基准为 4px）的乘数使用。
import {
__experimentalSpacer as Spacer,
__experimentalHeading as Heading,
__experimentalView as View,
} from '@wordpress/components';
function Example() {
return (
<View>
<Spacer>
<Heading>WordPress.org</Heading>
</Spacer>
<Text>Code is Poetry</Text>
</View>
);
}
属性
children: ReactNode
子元素。
- 必需：否
margin: number
调整所有边距。
- 必需：否
marginBottom: number
调整底部边距，可能会覆盖更通用的 margin 和 marginY 属性的值。
- 必需：否
- 默认值：
2
marginLeft: number
调整左边距，可能会覆盖更通用的 margin 和 marginX 属性的值。
- 必需：否
marginRight: number
调整右边距，可能会覆盖更通用的 margin 和 marginX 属性的值。
- 必需：否
marginTop: number
调整顶部边距，可能会覆盖更通用的 margin 和 marginY 属性的值。
- 必需：否
marginX: number
调整左右边距，可能会覆盖更通用的 margin 属性的值。
- 必需：否
marginY: number
调整上下边距，可能会覆盖更通用的 margin 属性的值。
- 必需：否
padding: number
调整所有内边距。
- 必需：否
paddingBottom: number
调整底部内边距，可能会覆盖更通用的 padding 和 paddingY 属性的值。
- 必需：否
paddingLeft: number
调整左侧内边距，可能会覆盖更通用的 padding 和 paddingX 属性的值。
- 必需：否
paddingRight: number
调整右侧内边距，可能会覆盖更通用的 padding 和 paddingX 属性的值。
- 必需：否
paddingTop: number
调整顶部内边距，可能会覆盖更通用的 padding 和 paddingY 属性的值。
- 必需：否
paddingX: number
调整左右内边距，可能会覆盖更通用的 padding 属性的值。
- 必需：否
paddingY: number
调整上下内边距，可能会覆盖更通用的 padding 属性的值。
- 必需：否