diff --git a/examples/data-literate/components/Metadata.js b/examples/data-literate/components/Metadata.js
new file mode 100644
index 00000000..2a7bc247
--- /dev/null
+++ b/examples/data-literate/components/Metadata.js
@@ -0,0 +1,18 @@
+
+
+export default function MetaData({ title, author, description }) {
+    return (
+        <header>
+            <div className="mb-6">
+                <h1>{title}</h1>
+                {author && (
+                    <div className="-mt-6"><p className="opacity-60 pl-1">{author}</p></div>
+                )}
+                {description && (
+                    <p className="description">{description}</p>
+                )}
+            </div>
+        </header>
+    )
+
+}
\ No newline at end of file