diff --git a/src/components/ItemTable/ItemTable.stories.mdx b/src/components/ItemTable/ItemTable.stories.mdx
new file mode 100644
index 0000000..6987d25
--- /dev/null
+++ b/src/components/ItemTable/ItemTable.stories.mdx
@@ -0,0 +1,37 @@
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import  ItemTable  from './ItemTable';
+
+The ItemTable is the primary view for webqueue2. It displays item metadata for items of selected queues and allows for filtering by field and opening an item by clicking. Items are passed in as a required parameter. It is to be used with the [ItemTableAppBar](/#/Components/ItemTableAppBar).
+It is based on [react-table](https://react-table.tanstack.com/).
+
+<Meta title="ItemTable" component={ItemTable} />
+
+export const Template = (props) => <ItemTable {...props} />
+
+# ItemTable Loading Content (Loading)
+
+<Canvas>
+  <Story name="Loading" args={{
+  data: [],
+	rowCanBeSelected:false,
+	loading:true,
+    }}>
+    {Template.bind({})}
+   </Story>
+  </Canvas>
+
+# ItemTable With Content(Loaded)
+
+<Canvas>
+  <Story name="Loaded" args={{
+  data: [
+  {"queue": "ce", "number": 9, "lastUpdated": "09-11-20 12:14 PM", "isLocked": false, "userEmail": "lslusher@purdue.edu", "userName": "Slusher, Laura M", "userAlias": "lslusher", "assignedTo": "bekuma", "subject": "RE: New laptop", "status": "waiting on reply/time to call", "priority": "deploy", "department": "che", "building": "frny", "dateReceived": "2020-03-12T18:07:27+0000"},
+  {"queue": "ce", "number": 42, "lastUpdated": "09-11-20 12:14 PM", "isLocked": false, "userEmail": "feng293@purdue.edu", "userName": "", "userAlias": "feng293", "assignedTo": "schmid22", "subject": "Upgrade system and Abaqus", "status": "", "priority": "", "department": "", "building": "", "dateReceived": "2020-05-14T10:21:32-0400"},
+  {"queue": "ce", "number": 51, "lastUpdated": "09-11-20 12:14 PM", "isLocked": false, "userEmail": "jclauso@purdue.edu", "userName": "", "userAlias": "jclauso", "assignedTo": "schmid22", "subject": "ECN privileges for future grad student", "status": "Waiting for reply", "priority": "", "department": "", "building": "", "dateReceived": "2020-05-14T15:03:07-0400"}
+  ],
+	rowCanBeSelected:false,
+	loading:false,
+    }}>
+    {Template.bind({})}
+   </Story>
+    </Canvas>