+
+ alert('success!')} />
+
+
+);
// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
// https://storybook.js.org/docs/react/workflows/unit-testing
export const Default = Template.bind({});
-
-Default.args = {};
diff --git a/packages/react/stories/SignUpForm.stories.tsx b/packages/react/stories/SignUpForm.stories.tsx
new file mode 100644
index 00000000..4252589d
--- /dev/null
+++ b/packages/react/stories/SignUpForm.stories.tsx
@@ -0,0 +1,35 @@
+// Button.stories.ts|tsx
+
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+
+import SignUpForm from '../src/components/SignUpForm';
+import { NileProvider } from '../src/context';
+
+const meta: Meta = {
+ component: SignUpForm,
+ argTypes: {
+ children: {
+ control: {
+ type: 'text',
+ },
+ },
+ },
+ parameters: {
+ controls: { expanded: true },
+ },
+};
+
+export default meta;
+
+const Template: Story
-
-
-);
-
-