高程

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

高程是使用组件系统的阴影系统渲染阴影的核心组件。

用法

阴影效果是使用价值道具。

进口{__实验高程作为高程,__experimentalSurface作为曲面,__将文本作为文本进行实验,}来自“@wordpress/components”;函数Example(){返回(<表面>代码就是诗歌<高程值={5}/></表面>);}

道具

活动:数字

激活时阴影值的大小(请参见价值是交互式的道具)。

  • 必需:否

borderRadius:CSSProperties[“border半径”]

渲染阴影的边界半径。

  • 必需:否
  • 默认值:继承

焦点:数字

聚焦时阴影值的大小(请参见价值是交互式的道具)。

  • 必需:否

hover:数字

悬停时阴影值的大小(请参见价值是交互式的道具)。

  • 必需:否

isInteractive:布尔

确定是否悬停,积极的,以及集中阴影值应该自动计算和渲染。

  • 必需:否
  • 默认值:

偏移:数字

阴影的尺寸偏移(边距)。

  • 必需:否
  • 默认值:0

值:number

阴影的大小,基于样式系统的高程系统。这个价值决定阴影的强度,即深度感。

在下面的示例中,是交互式的激活以提供更好的深度感。

从“@wordpress/components”导入{__terialElevation作为Elevation};函数Example(){返回(<div><标高isInteractive值={200}/></div>);}
  • 必需:否
  • 默认值:0