diff --git a/app/ui/components/table.tsx b/app/ui/components/table.tsx
new file mode 100644
index 0000000..4d830b3
--- /dev/null
+++ b/app/ui/components/table.tsx
@@ -0,0 +1,5 @@
+export function Table() {
+    return(
+        <div>I am a table</div>
+    )
+}
\ No newline at end of file
diff --git a/stories/Table.stories.tsx b/stories/Table.stories.tsx
new file mode 100644
index 0000000..18ad503
--- /dev/null
+++ b/stories/Table.stories.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+
+
+import {Table as TableComponent} from '../app/ui/components/table';
+
+const meta = {
+  title: 'Example/Table',
+  component: TableComponent,
+}
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+  }
+};
+