diff --git a/docs/data/joy/components/sheet/SimpleSheet.js b/docs/data/joy/components/sheet/SimpleSheet.js
new file mode 100644
index 00000000000000..db9a2bb24b5f0c
--- /dev/null
+++ b/docs/data/joy/components/sheet/SimpleSheet.js
@@ -0,0 +1,10 @@
+import Sheet from '@mui/joy/Sheet';
+import * as React from 'react';
+
+export default function SimpleSheet() {
+  return (
+    <Sheet variant="outlined" sx={{ p: 4 }}>
+      Hello world!
+    </Sheet>
+  );
+}
diff --git a/docs/data/joy/components/sheet/SimpleSheet.tsx b/docs/data/joy/components/sheet/SimpleSheet.tsx
new file mode 100644
index 00000000000000..db9a2bb24b5f0c
--- /dev/null
+++ b/docs/data/joy/components/sheet/SimpleSheet.tsx
@@ -0,0 +1,10 @@
+import Sheet from '@mui/joy/Sheet';
+import * as React from 'react';
+
+export default function SimpleSheet() {
+  return (
+    <Sheet variant="outlined" sx={{ p: 4 }}>
+      Hello world!
+    </Sheet>
+  );
+}
diff --git a/docs/data/joy/components/sheet/SimpleSheet.tsx.preview b/docs/data/joy/components/sheet/SimpleSheet.tsx.preview
new file mode 100644
index 00000000000000..560b76bdfa8ad6
--- /dev/null
+++ b/docs/data/joy/components/sheet/SimpleSheet.tsx.preview
@@ -0,0 +1,3 @@
+<Sheet variant="outlined" sx={{ p: 4 }}>
+  Hello world!
+</Sheet>
\ No newline at end of file