diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
new file mode 100644
index 00000000..f2d3244e
--- /dev/null
+++ b/src/components/Button/Button.stories.tsx
@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { fn } from "@storybook/test";
+
+import Button from "./Button";
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+
+export const Default: StoryObj<typeof meta> = {
+  args: {
+    variant: "primary",
+    children: "test",
+    onClick: fn(),
+  },
+};
+
+export const Secondary: StoryObj<typeof meta> = {
+  args: { ...Default.args, variant: "secondary" },
+};