diff --git a/src/App.js b/src/App.js
index 1dbcdea..6ccb0b4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { ThemeProvider } from "@material-ui/core/styles";
 import webqueueTheme from "./theme";
 import { Box, makeStyles } from "@material-ui/core";
-import ItemTableAppBar from "./ItemTableAppBar";
+import ItemTableAppBar from "./components/ItemTableAppBar/";
 import ItemTable from "./components/ItemTable/";
 import ItemViewAppBar from "./ItemViewAppBar";
 import ItemView from "./ItemView";
diff --git a/src/ItemTableAppBar.js b/src/components/ItemTableAppBar/ItemTableAppBar.js
similarity index 100%
rename from src/ItemTableAppBar.js
rename to src/components/ItemTableAppBar/ItemTableAppBar.js
diff --git a/src/components/ItemTableAppBar/ItemTableAppBar.md b/src/components/ItemTableAppBar/ItemTableAppBar.md
new file mode 100644
index 0000000..e870d28
--- /dev/null
+++ b/src/components/ItemTableAppBar/ItemTableAppBar.md
@@ -0,0 +1,16 @@
+The ItemTableAppBar is the primary toolbar for the [ItemTable](/#/Components/ItemTable). It displays the application title and application wide actions.
+
+```jsx
+import React, { useState } from "react";
+import webqueue2Theme from "../../theme.js";
+
+const [darkMode, setDarkMode] = useState(false);
+
+const theme = webqueue2Theme(darkMode);
+
+<ItemTableAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} theme={theme} />
+```
+
+```jsx static
+<ItemTableAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} theme={theme} />
+```
\ No newline at end of file
diff --git a/src/components/ItemTableAppBar/index.js b/src/components/ItemTableAppBar/index.js
new file mode 100644
index 0000000..474e0bc
--- /dev/null
+++ b/src/components/ItemTableAppBar/index.js
@@ -0,0 +1,3 @@
+import ItemTableAppBar from "./ItemTableAppBar";
+
+export default ItemTableAppBar;
\ No newline at end of file