垫片

此功能仍处于实验阶段。“实验性”意味着这是一个早期的实施,可能会发生重大的突破性变化。

垫片是提供内部的基本布局组件(衬垫)或外部(边缘)组件之间的间距。它还可以用于在H堆栈V堆栈.

用法

垫片配有一系列速记道具以进行调整边缘衬垫这些道具的值是图书馆网格系统的乘数(基础4像素).

进口{__试验垫片作为垫片,__实验性标题作为标题,__experimentalView作为View,}来自“@wordpress/components”;函数Example(){返回(<视图><垫片><标题>WordPress.org</垫片>代码就是诗歌</查看>);}

道具

子级:ReactNode

子元素。

  • 必需:否

边距:数字

调整所有边距。

  • 必需:否

marginBottom:数字

调整下边距,可能会覆盖更通用的值边缘保证金Y道具。

  • 必需:否
  • 违约:2

marginLeft:数字

调整左边距,可能覆盖更通用的值边缘保证金X道具。

  • 必需:否

marginRight:数字

调整右边距,可能会覆盖更通用的值边缘保证金X道具。

  • 必需:否

marginTop:数字

调整上边距,可能覆盖更通用的值边缘保证金Y道具。

  • 必需:否

marginX:数字

调整左右边距,可能覆盖更通用的值边缘道具。

  • 必需:否

marginY:数字

调整上下边距,可能会覆盖更通用的值边缘道具。

  • 必需:否

填充:数字

调整所有填充。

  • 必需:否

paddingBottom:数字

调整底部填充,可能覆盖更通用的衬垫填充Y道具。

  • 必需:否

paddingLeft:数字

调整左侧填充,可能会覆盖更通用的衬垫填充X道具。

  • 必需:否

paddingRight:数字

调整右填充,可能会覆盖更通用的衬垫填充X道具。

  • 必需:否

paddingTop:数字

调整顶部填充,可能覆盖更通用的衬垫填充Y道具。

  • 必需:否

paddingX:数字

调整左侧和右侧填充,可能覆盖更通用的衬垫道具。

  • 必需:否

padingY:数字

调整顶部和底部填充,可能会覆盖更通用的值衬垫道具。

  • 必需:否