diff --git a/src/ItemView.js b/src/ItemView.js
index c340f51..9ab3bef 100644
--- a/src/ItemView.js
+++ b/src/ItemView.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Paper, Typography, makeStyles } from '@material-ui/core';
-import ItemMetadataView from "./ItemMetadataView"
+import ItemMetadataView from "./components/ItemMetadataView/"
 
 function ItemView(props){
 
diff --git a/src/ItemMetadataView.js b/src/components/ItemMetadataView/ItemMetadataView.js
similarity index 97%
rename from src/ItemMetadataView.js
rename to src/components/ItemMetadataView/ItemMetadataView.js
index 55f7a56..f6fda1e 100644
--- a/src/ItemMetadataView.js
+++ b/src/components/ItemMetadataView/ItemMetadataView.js
@@ -43,7 +43,7 @@ export default function ItemMetadataView({item}){
 	);
 }
 
-ItemV.ItemMetadataView = {
+ItemMetadataView.propTypes = {
 	/** The item to be displayed. */
 	"item": PropTypes.object.isRequired
 };
\ No newline at end of file
diff --git a/src/components/ItemMetadataView/ItemMetadataView.md b/src/components/ItemMetadataView/ItemMetadataView.md
new file mode 100644
index 0000000..5aa20e8
--- /dev/null
+++ b/src/components/ItemMetadataView/ItemMetadataView.md
@@ -0,0 +1,16 @@
+The ItemMetadataView displays the metadata for an item as part of the [ItemView](/#/Components/ItemView). 
+
+```jsx
+import Paper from "@material-ui/core";
+import ItemMetadataView from "./ItemMetadataView";
+
+const demoItem = {"queue": "ce", "number": 100, "lastUpdated": "07-23-20 10:11 PM", "headers": [{"type": "Merged-Time", "content": "Tue, 23 Jun 2020 13:31:53 -0400"}, {"type": "Merged-By", "content": "campb303"}, {"type": "QTime", "content": "1"}, {"type": "QTime-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "QTime-Updated-By", "content": "campb303"}, {"type": "Time", "content": "1"}, {"type": "Time-Updated-Time", "content": "Tue, 23 Jun 2020 13:28:50 EDT"}, {"type": "Time-Updated-By", "content": "campb303"}, {"type": "Replied-Time", "content": "Tue, 23 Jun 2020 13:28:48 -0400"}, {"type": "Replied-By", "content": "campb303"}, {"type": "Edited-Time", "content": "Tue, 23 Jun 2020 13:27:56 -0400"}, {"type": "Edited-By", "content": "campb303"}, {"type": "QAssigned-To", "content": "campb303"}, {"type": "QAssigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "QAssigned-To-Updated-By", "content": "campb303"}, {"type": "Assigned-To", "content": "campb303"}, {"type": "Assigned-To-Updated-Time", "content": "Tue, 23 Jun 2020 13:27:00 EDT"}, {"type": "Assigned-To-Updated-By", "content": "campb303"}, {"type": "QStatus", "content": "Dont Delete"}, {"type": "QStatus-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "QStatus-Updated-By", "content": "campb303"}, {"type": "Status", "content": "Dont Delete"}, {"type": "Status-Updated-Time", "content": "Tue, 23 Jun 2020 13:26:55 EDT"}, {"type": "Status-Updated-By", "content": "campb303"}, {"type": "Date", "content": "Tue, 23 Jun 2020 13:25:51 -0400"}, {"type": "From", "content": "Justin Campbell <campb303@purdue.edu>"}, {"type": "Message-ID", "content": "<911CE050-3240-4980-91DD-9C3EBB8DBCF8@purdue.edu>"}, {"type": "Subject", "content": "Beepboop"}, {"type": "To", "content": "cesite@ecn.purdue.edu"}, {"type": "Content-Type", "content": "text/plain; charset=\"utf-8\""}, {"type": "X-ECN-Queue-Original-Path", "content": "/home/pier/e/queue/Attachments/inbox/2020-06-23/208-original.txt"}], "content": ["Testtest\n", "\n", "*** Status updated by: campb303 at: 6/23/2020 13:26:55 ***\n", "Dont Delete\n", "*** Edited by: campb303 at: 06/23/20 13:27:56 ***\n", "\n", "This be an edit my boy\n", "\n", "\n", "\n", "*** Replied by: campb303 at: 06/23/20 13:28:18 ***\n", "\n", "This be a reply my son\n", "\n", "Justin\n", "ECN\n", "\n", "=== Additional information supplied by user ===\n", "\n", "Subject: Re: Beepboop\n", "From: Justin Campbell <campb303@purdue.edu>\n", "Date: Tue, 23 Jun 2020 13:30:45 -0400\n", "X-ECN-Queue-Original-Path: /home/pier/e/queue/Attachments/inbox/2020-06-23/212-original.txt\n", "X-ECN-Queue-Original-URL: https://engineering.purdue.edu/webqueue/Attachments/inbox/2020-06-23/212-original.txt\n", "\n", "Huzzah!\n", "\n", "===============================================\n"], "isLocked": "ce 100 is locked by knewell using qvi", "userEmail": "campb303@purdue.edu", "userName": "Justin Campbell", "userAlias": "campb303", "assignedTo": "campb303", "subject": "Beepboop", "status": "Dont Delete", "priority": "", "department": "", "building": "", "dateReceived": "Tue, 23 Jun 2020 13:25:51 -0400"};
+
+<div style={{backgroundColor: "white", padding: "1em", borderRadius: "1rem"}}>
+    <ItemMetadataView item={demoItem} />
+</div>
+```
+
+```jsx static
+<ItemMetadataView item={activeItem} />
+```
\ No newline at end of file
diff --git a/src/components/ItemMetadataView/index.js b/src/components/ItemMetadataView/index.js
new file mode 100644
index 0000000..7de396d
--- /dev/null
+++ b/src/components/ItemMetadataView/index.js
@@ -0,0 +1,3 @@
+import ItemMetadataView from "./ItemMetadataView";
+
+export default ItemMetadataView;
\ No newline at end of file