diff --git a/packages/portal/src/components/page/Readme.js b/packages/portal/src/components/page/Readme.js
new file mode 100644
index 00000000..e3573467
--- /dev/null
+++ b/packages/portal/src/components/page/Readme.js
@@ -0,0 +1,21 @@
+import React from 'react';
+
+/**
+ * ReadMe component displays the markdown description of a datapackage
+ * @param {string} readme parsed html of data package readme
+ * @returns React Component
+ */
+const ReadMe = ({ readmeHtml }) => {
+    return (
+        <>
+            <section className="m-8" name="sample-table">
+                <h1 className="text-2xl font-bold mb-4">README</h1>
+                <div className="prose">
+                    <div dangerouslySetInnerHTML={{ __html: readmeHtml }} />
+                </div>
+            </section>
+        </>
+    )
+}
+
+export default ReadMe
\ No newline at end of file