Paper

In material design, the physical properties of paper are translated to the screen. The background of an application resembles the flat, opaque texture of a sheet of paper, and an application’s behavior mimics paper’s ability to be re-sized, shuffled, and bound together in multiple sheets.

Simple paper

To show this type of Paper list you will need this code in down here.

     
<div className="manage-margin d-flex">
    <Paper className="size-120" elevation={0} />
    <Paper className="size-120" elevation={2} />
    <Paper className="size-120" elevation={4} />
    <Paper className="size-120" elevation={8} />
    <Paper className="size-120" elevation={16} />
</div>
  

Available parameters, type and descriptions are down below.

Name	Type	Default	Description
children	node		The content of the component.
classes	object		Useful to extend the style applied to components.
component	union: string |  func	'div'	The component used for the root node. Either a string to use a DOM element or a component.
elevation	number	2	Shadow depth, corresponds to dp in the spec. It's accepting values between 0 and 24 inclusive.
square	bool	false	If true, rounded corners are disabled.