跳转到内容

Paper 纸张组件

在 Material Design 中,我们在屏幕上展现了纸张的物理属性。

应用程序的背景类似于纸张的平坦、不透明的纹理,应用程序的行为模仿了纸张的能力,可以重新调整大小、洗牌和装订成多张纸。

基础的纸张组件

<Paper elevation={0} />
<Paper />
<Paper elevation={3} />

变体

如果你想要一个轮廓的曲面,你可以使用 variant 属性。

<Paper variant="outlined" />
<Paper variant="outlined" square />

Elevation

The elevation can be used to establish a hierachy between other content. In practical terms, the elevation controls the size of the shadow applied to the surface. In dark mode, raising the elevation also makes the surface lighter.

elevation=0
elevation=1
elevation=2
elevation=3
elevation=4
elevation=6
elevation=8
elevation=12
elevation=16
elevation=24
elevation=0
elevation=1
elevation=2
elevation=3
elevation=4
elevation=6
elevation=8
elevation=12
elevation=16
elevation=24