diff --git a/src/components/Task.stories.jsx b/src/components/Task.stories.jsx
new file mode 100644
index 0000000..299e89d
--- /dev/null
+++ b/src/components/Task.stories.jsx
@@ -0,0 +1,21 @@
+import Task from "./Task";
+
+export default {
+  component: Task,
+  title: "Task",
+  argTypes: {
+    onArchiveTask: { action: "onArchiveTask" },
+    onTogglePinTask: { action: "onTogglePinTask" },
+    onEditTitle: { action: "onEditTitle" },
+  },
+};
+
+export const Default = {
+  args: {
+    task: {
+      id: "1",
+      title: "Buy milk",
+      state: "TASK_INBOX",
+    },
+  },
+};