Paper

Use GdsPaper for a basic elevated surface. It is a thin wrapper around MUI Paper. GDS maps MUI elevation values to bottom shadow tokens.

What GDS provides

MUI elevationGDS shadow
1, 2bottomXS
3, 4bottomS
6, 8bottomM
12, 16, 24bottomL

For center or top shadows, prefer theme.gds.core.shadow in sx instead of elevation. See Elevation.

Default

Elevation

Pass elevation to apply the mapped GDS bottom shadow.

Outlined

Use variant="outlined" for a bordered surface with no shadow.

Props