diff --git a/frontend/src/stories/Proposal.stories.tsx b/frontend/src/stories/Proposal.stories.tsx
new file mode 100644
index 00000000..0583f2f3
--- /dev/null
+++ b/frontend/src/stories/Proposal.stories.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { Meta, StoryObj } from "@storybook/react";
+import Proposal from "../components/Proposal";
+import {num} from "starknet"
+import { ComponentProps } from "react";
+
+type StoryProps = ComponentProps<typeof Proposal>;
+const meta: Meta<StoryProps> = {
+  title: "Components/Proposals",
+  component: Proposal,
+ 
+};
+
+export default meta;
+type Story = StoryObj<StoryProps>;
+export const Default: Story = {
+  args: {
+    proposalId:  num.toBigInt(0)
+  },
+  render: (args) => {
+    return <Proposal {...args} />;
+  },
+};