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