From aed50268853fcde16b52354d6da2bb66ebb87dd7 Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@w2vm4.ecn.purdue.edu>
Date: Wed, 7 Oct 2020 15:29:39 -0400
Subject: [PATCH] Update ItemTableFilter docs

---
 .../ItemTableFilter/ItemTableFilter.md        | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/ItemTableFilter/ItemTableFilter.md

diff --git a/src/components/ItemTableFilter/ItemTableFilter.md b/src/components/ItemTableFilter/ItemTableFilter.md
new file mode 100644
index 0000000..4768529
--- /dev/null
+++ b/src/components/ItemTableFilter/ItemTableFilter.md
@@ -0,0 +1,22 @@
+This ItemTableFilter double as a column header and entry box for filtering in a column. At its core, it is a input element of type search.
+
+```jsx
+import { Paper, makeStyles } from "@material-ui/core";
+import ItemTableFilter from "./ItemTableFilter";
+
+const useStyles = makeStyles({
+    "paper": {
+        width: "200px",
+    }
+});
+
+const classes = useStyles();
+
+<Paper classes={{root: classes.paper}}>
+    <ItemTableFilter label="Search" onChange={() => null} />
+</Paper>
+```
+
+```jsx static
+<ItemTableFilter label="Search" onChange={() => null} />
+```
\ No newline at end of file