init project

docs/data/material/components/paper/SquareCorners.js

@@ -0,0 +1,20 @@
+import Stack from '@mui/material/Stack';
+import Paper from '@mui/material/Paper';
+import { styled } from '@mui/material/styles';
+
+const DemoPaper = styled(Paper)(({ theme }) => ({
+  width: 120,
+  height: 120,
+  padding: theme.spacing(2),
+  ...theme.typography.body2,
+  textAlign: 'center',
+}));
+
+export default function SquareCorners() {
+  return (
+    <Stack direction="row" spacing={2}>
+      <DemoPaper square={false}>rounded corners</DemoPaper>
+      <DemoPaper square>square corners</DemoPaper>
+    </Stack>
+  );
+}